Changes in folder Components

WOWmasterJulia · Oct 29, 2023 · b4cc5a9 · b4cc5a9
1 parent 7de9684
commit b4cc5a9
Show file tree

Hide file tree

Showing 15 changed files with 4 additions and 194 deletions.
diff --git a/src/components/App.jsx b/src/components/App.jsx
@@ -8,8 +8,6 @@ import { RestrictedRoute } from './RestrictedRoute';
 import { PrivateRoute } from './PrivateRoute';
 import { Container } from './Container/Container';
 
-// import css from './App.module.css'
-
 const Register = lazy(() => import('../pages/Register'));
 const Home = lazy(() => import('../pages/Home'));
 const Login = lazy(() => import('../pages/Login'));
@@ -50,43 +48,9 @@ export const App = () => {
             path="contacts"
             element={<PrivateRoute redirectTo="/" component={<Phonebook />} />}
           />
-          {/* <Route path="profile" element={<PrivateRoute redirectTo="/" component={<ProfileView />} />}/>
-          <Route path="profile/edit" element={<PrivateRoute redirectTo="/" component={<EditProfileView />} />}/> */}
           <Route path="*" element={<NotFound />} />
         </Route>
       </Routes>
     </Container>
   );
 };
-
-
-// import { ContactForm } from './ContactForm/ContactForm';
-// import { ContactList } from './ContactList/ContactList';
-// import { ContactFind } from './ContactFind/ContactFind';
-// import { useDispatch, useSelector } from 'react-redux';
-// import { useEffect } from 'react';
-// import { fetchAllContacts } from 'redux/operations';
-// import { selectIsLoading, selectError } from 'redux/selectors';
-// import css from './App.module.css'
-
-// export const App = () => {
-//   const dispatch = useDispatch();
-//    // Получаем части состояния
-//   const isLoading = useSelector(selectIsLoading);
-//   const error = useSelector(selectError);
-//   // Вызываем операцию
-//   useEffect(() => {
-//     dispatch(fetchAllContacts());
-//   }, [dispatch]);
-
-// return (
-//       <div>
-//         <h1 className={css.h1}>Phonebook</h1>
-//         <ContactForm />
-//         <h2 className={css.h2}>Contacts</h2>
-//         <ContactFind />
-//         {isLoading && !error && <b>Request in progress...</b>}
-//         <ContactList /> 
-//       </div>
-//     );
-// }
diff --git a/src/components/App.module.css b/src/components/App.module.css
diff --git a/src/components/AuthNav/AuthNav.module.css b/src/components/AuthNav/AuthNav.module.css
@@ -13,6 +13,5 @@
 }
 
 .link:hover {
-    /* box-shadow: 3px 3px 13px 9px rgba(44, 90, 247, 0.68); */
     border: 3px #21d4fd solid;
 }
diff --git a/src/components/ContactFind/ContactFind.module.css b/src/components/ContactFind/ContactFind.module.css
@@ -6,14 +6,12 @@
     color: white;
     align-items: center;
     display: flex;
-    flex-direction: column; 
-
+    flex-direction: column;     
 }
 .wrap_find {
    align-items: center;
    display: flex;
-    flex-direction: column; 
-
+    flex-direction: column;   
 }
 .find_input {
     min-width: 250px;
@@ -26,8 +24,3 @@
     padding: 5px 10px;
 
 }
-
-/* .find_input:hover,
-.find_input:focus {
-    box-shadow: 3px 3px 13px 9px rgba(44, 90, 247, 0.68);
-} */
diff --git a/src/components/ContactForm/ContactForm.jsx b/src/components/ContactForm/ContactForm.jsx
@@ -91,34 +91,4 @@ export const ContactForm = () => {
   );
 };
 
-// return (
-//   <form className={css.contactForm} onSubmit={handleSubmit}>
-//     <label htmlFor={nameInputId} className={css.labelForm}>Name</label>
-//     <input
-//       id={nameInputId}
-//       className={css.labelInput}
-//       type="text"
-//       name="name"
-//       value={name}
-//       placeholder="Enter name"
-//       pattern="^[a-zA-Zа-яА-Я]+(([' -][a-zA-Zа-яА-Я ])?[a-zA-Zа-яА-Я]*)*$"
-//       title="Name may contain only letters, apostrophe, dash and spaces. For example Adrian, Jacob Mercer, Charles de Batz de Castelmore d'Artagnan"
-//       required
-//       onChange={handleChange}
-//     />
-//     <label htmlFor={numberInputId} className={css.labelForm}>Number</label>
-//     <input
-//       id={numberInputId}
-//       className={css.labelInput}
-//       type="tel"
-//       name="number"
-//       value={number}
-//       placeholder="Enter phone number"
-//       pattern="\+?\d{1,4}?[-.\s]?\(?\d{1,3}?\)?[-.\s]?\d{1,4}[-.\s]?\d{1,4}[-.\s]?\d{1,9}"
-//       title="Phone number must be digits and can contain spaces, dashes, parentheses and can start with +"
-//       required
-//       onChange={handleChange}
-//     />
-//     <button className={css.btnForm} type="submit">Add contact</button>
-//   </form>
-// );
+
diff --git a/src/components/ContactForm/ContactForm.module.css b/src/components/ContactForm/ContactForm.module.css
@@ -23,13 +23,6 @@
     margin-bottom: 15px;
     padding: 5px 10px;
 }
-
-/* .labelInput:hover,
-.labelInput:focus {
-    box-shadow: 3px 3px 13px 9px rgba(44, 90, 247, 0.68);
-} */
-
-
 .btnForm {
     padding: 5px 10px;
     display: flex;
@@ -50,14 +43,7 @@
 }
 
 .btnForm:hover {
-    /* box-shadow: 0px 1px 6px rgba(46, 47, 66, 0.08),
-        0px 1px 1px rgba(46, 47, 66, 0.16),
-        0px 2px 1px rgba(46, 47, 66, 0.08);
-    background-color: #404bbf;
-    fill: #ffffff; */
     background-color: #21d4fd;
-    /* background-image: linear-gradient(19deg, #21d4fd 0%, #b721ff 100%); */
-    /* background: #64e8ff; */
 }
 
 /* .errorMessage {

diff --git a/src/components/ContactItem/ContactItem.module.css b/src/components/ContactItem/ContactItem.module.css
@@ -4,8 +4,6 @@
     column-gap: 30px;
     color: white;
     margin-bottom: 10px;
-    /* padding-left: 120px;
-    padding-right: 120px; */
 }
 
 .delete_btn {
@@ -15,8 +13,7 @@
     font-size: 16px;
 
     margin: 0;
-    margin-left: auto;
-
+    margin-left: auto;   
 
     background-color: white;
     border: 2px #21d4fd solid;
@@ -27,12 +24,5 @@
 }
 
 .delete_btn:hover {
-    /* box-shadow: 0px 1px 6px rgba(46, 47, 66, 0.08),
-        0px 1px 1px rgba(46, 47, 66, 0.16),
-        0px 2px 1px rgba(46, 47, 66, 0.08);
-    background-color: #404bbf;
-    fill: #ffffff; */
-    /* background-color: #21d4fd;
-    background-image: linear-gradient(19deg, #21d4fd 0%, #b721ff 100%); */
     background-color: #21d4fd;
 }
diff --git a/src/components/ContactList/ContactList.module.css b/src/components/ContactList/ContactList.module.css
@@ -3,7 +3,4 @@
     align-items: center;
     flex-direction: column;
     justify-content: center;
-    /* row-gap: 15px;
-    padding-left: 0; */
-
 }
diff --git a/src/components/Container/Container.module.css b/src/components/Container/Container.module.css
@@ -1,10 +1,4 @@
 .container {
     width: 100%;
     max-width: 1200px;
-
-
-  /* min-height: calc(100vh - 50px); */
-  /* display: flex;
-  align-items: center;
-  justify-content: center; */
 };
diff --git a/src/components/LoginForm/LoginForm.module.css b/src/components/LoginForm/LoginForm.module.css
@@ -1,13 +1,5 @@
 .form {
     width: 320px;
-    /* background: rgb(204, 100, 254);
-    background: linear-gradient(
-    -135deg,
-    rgba(204, 100, 254, 1) 0%,
-    rgba(255, 100, 124, 1) 100%
-    ); */
-    /* background: rgb(204,100,254);
-background: linear-gradient(45deg, rgba(204,100,254,1) 0%, rgba(100,224,255,1) 100%); */
 background: rgb(204,100,254);
 background: linear-gradient(45deg, rgba(204,100,254,1) 0%, rgba(33,212,253,1) 100%);
     margin: 50px auto 0;

diff --git a/src/components/Navigation/Navigation.module.css b/src/components/Navigation/Navigation.module.css
@@ -5,16 +5,12 @@
     margin-right: 10px;
     font-weight: 600;
     color: #2a363b;
-    /* border-radius: 5px; */
 }
 
 .link.active {
     color: #e84a5f;
 }
 
 .link:hover {
-    /* box-shadow: 3px 3px 13px 9px rgba(44, 90, 247, 0.68); */
-    /* border: 3px #21d4fd solid; */
-    /* border-bottom: 3px solid #21d4fd;*/
     color:#21d4fd;
 } 
diff --git a/src/components/RegisterForm/RegisterForm.module.css b/src/components/RegisterForm/RegisterForm.module.css
@@ -1,6 +1,3 @@
-/* .form {
-    width: 320px;
-} */
 
 .label {    
     display: flex;
@@ -43,12 +40,6 @@
 
 .form {
     width: 320px;
-    /* background: rgb(204, 100, 254);
-    background: linear-gradient(
-    -135deg,
-    rgba(204, 100, 254, 1) 0%,
-    rgba(255, 100, 124, 1) 100%
-    ); */
     background: rgb(204,100,254);
 background: linear-gradient(45deg, rgba(204,100,254,1) 18%, rgba(253,193,33,1) 100%);
     margin: 50px auto 0;

diff --git a/src/components/UserMenu/UserMenu.module.css b/src/components/UserMenu/UserMenu.module.css
@@ -16,11 +16,7 @@
 }
 
 .btnLogout {
-    /* border: 1px solid black;
-    border-radius: 5px;*/
     font-weight: 500;
-    /* font-size: 16px;  */
-    /* width: 100px; */
     padding: 5px 10px;
     min-width: 80px;
     font-family: inherit;
@@ -45,19 +41,3 @@
     fill: #ffffff;
 }
 
-/* .delete_btn {
-    padding: 5px 10px;
-    min-width: 80px;
-    font-family: inherit;
-    font-size: 16px;
-
-    margin: 0;
-    margin-left: auto;
-
-    background-color: white;
-    border: 2px #21d4fd solid;
-    border-radius: 5px;
-
-    font-size: 16px;
-    font-family: inherit;
-} */
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
@@ -1,31 +1,4 @@
-// import { Container } from 'components/Container/Container';
 import css from './Home.module.css'
-// const styles = {
-  // container: {
-  //   minHeight: 'calc(100vh - 50px)',
-  //   display: 'flex',
-  //   alignItems: 'center',
-  //   justifyContent: 'center',
-  // },
-  // title: {
-  //   fontWeight: 500,
-  //   fontSize: 28,
-  //   textAlign: 'center',
-  // },
-// };
-
-// export default function Home() {
-//   return (
-//     <div style={styles.container}>
-//       <h1 style={styles.title}>
-//         Phonebook welcome page{' '}
-//         <span role="img" aria-label="Greeting icon">
-//           💁‍♀️
-//         </span>
-//       </h1>
-//     </div>
-//   );
-//
 
 export default function Home() {
   return (

diff --git a/src/pages/Phonebook.jsx b/src/pages/Phonebook.jsx
@@ -27,11 +27,3 @@ export default function Phonebook() {
     </div>
   );
 };
-// const styles = {
-//   container: {
-//     minHeight: 'calc(100vh - 50px)',
-//     display: 'flex',
-//     alignItems: 'center',
-//     justifyContent: 'center',
-//   }
-//   };