Component of Footer

src/App.js

@@ -3,6 +3,7 @@ import React, {useState} from "react";
 import Header from './components/Header'
 import TaskList from "./components/TaskList";
 import AddTask from "./components/AddTask";
+import Footer from "./components/Footer";
 
 function App() {
 
@@ -27,6 +28,7 @@ function App() {
     <>
       <Header />
       <div className="app">
+
         <TaskList
           tasks={tasks}
           setTasks={setTasks}
@@ -56,9 +58,8 @@ function App() {
           
         />
 
-
       </div>
-      <footer>Made with 💓 by <a href="https://www.upwork.com/freelancers/~01d6fc06b8da216c2b">Francisco Pessano</a></footer>
+      <Footer />
     </>
   );
 }

src/components/AddTask.jsx

@@ -2,8 +2,6 @@ import React, {useState} from 'react'
 
 const AddTask = (props) => {
 
-
-
     const validateInput = (e, id = 0 ) => {
         e.preventDefault()
     
@@ -38,22 +36,22 @@ const AddTask = (props) => {
           //props.setText('')
         }
 
-    const persistTasks = (modificatedTasks) => {
+      const persistTasks = (modificatedTasks) => {
-        localStorage.setItem('tasks', JSON.stringify(modificatedTasks))
+          localStorage.setItem('tasks', JSON.stringify(modificatedTasks))
-    }
-
-    const persistCounter = () => {
-        localStorage.setItem('counter', JSON.stringify(props.counterInputs))
-    }
-
-    const restoreTasks = () => {
-        let tasksCache = localStorage.getItem('tasks')
-    
-        tasksCache = JSON.parse(tasksCache)
-    
-        props.setTasks(tasksCache)
-        
       }
+
+      const persistCounter = () => {
+          localStorage.setItem('counter', JSON.stringify(props.counterInputs))
+      }
+
+      const restoreTasks = () => {
+          let tasksCache = localStorage.getItem('tasks')
+      
+          tasksCache = JSON.parse(tasksCache)
+      
+          props.setTasks(tasksCache)
+          
+        }
     
       const restoreCounter = () => {
         let counterInputCache = localStorage.getItem('counter')

src/components/Footer.jsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const Footer = () => {
+    return (
+        <footer>
+            Made with 💓 by <a href="https://www.upwork.com/freelancers/~01d6fc06b8da216c2b">Francisco Pessano</a>
+        </footer>
+    )
+}
+
+export default Footer