delete comments

src/components/App/App.jsx

@@ -3,15 +3,8 @@ import { nanoid } from 'nanoid';
 import ContactForm from '../ContactForm/ContactForm';
 import ContactList from '../ContactList/ContactList';
 import Filter from '../Filter/Filter';
-
 import './App.module.css';
 
-// class App extends Component {
-//   state = {
-//     contacts: [],
-//     filter: '',
-//   }
-
 const App = () => {
   const [contacts, setContacts] = useState(() => {
     const savedContacts = localStorage.getItem('contacts');
@@ -24,19 +17,6 @@ useEffect(() => {
   localStorage.setItem('contacts', JSON.stringify(contacts));
 }, [contacts]);
 
-
-  // componentDidMount() {
-  //   const contacts = localStorage.getItem('contacts');
-  //   if (contacts) {
-  //     this.setState({ contacts: JSON.parse(contacts) });
-  //   }
-  // }
-  // componentDidUpdate(prevState) {
-  //   if (this.state.contacts !== prevState.contacts) {
-  //     localStorage.setItem('contacts', JSON.stringify(this.state.contacts));
-  //   }
-  // }
-
   const addContact = (name, number) => {
     const isDuplicate = contacts.some(
       contact => contact.name.toLowerCase() === name.toLowerCase()
@@ -82,21 +62,4 @@ useEffect(() => {
     );
   };
 
-export default App;
-
-// export const App = () => {
-//   return (
-//     <div
-//       style={{
-//         height: '100vh',
-//         display: 'flex',
-//         justifyContent: 'center',
-//         alignItems: 'center',
-//         fontSize: 40,
-//         color: '#010101'
-//       }}
-//     >
-//       React homework template
-//     </div>
-//   );
-// };
+export default App;

src/index.css

@@ -1,4 +1,4 @@
-@import "normalize.css"; /* bring in normalize.css styles */
+@import "normalize.css";
 
 body {
   margin: 0;