From e1f249948bd33aff4ecb88e44a9e67a43140c29b Mon Sep 17 00:00:00 2001
From: Francisco Pessano <franpessano1@gmail.com>
Date: Fri, 10 Sep 2021 12:36:01 -0300
Subject: [PATCH] Component of Footer

---
 src/App.js                 |  5 +++--
 src/components/AddTask.jsx | 32 +++++++++++++++-----------------
 src/components/Footer.jsx  | 11 +++++++++++
 3 files changed, 29 insertions(+), 19 deletions(-)
 create mode 100644 src/components/Footer.jsx

diff --git a/src/App.js b/src/App.js
index 67c6d34..df98f4d 100644
--- a/src/App.js
+++ b/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 />
     </>
   );
 }
diff --git a/src/components/AddTask.jsx b/src/components/AddTask.jsx
index 494991f..444bccb 100644
--- a/src/components/AddTask.jsx
+++ b/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) => {
-        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 persistTasks = (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 restoreCounter = () => {
         let counterInputCache = localStorage.getItem('counter')
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
new file mode 100644
index 0000000..beec1d4
--- /dev/null
+++ b/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