From 89358c97817838104c0b6e18f7538113a414d7d9 Mon Sep 17 00:00:00 2001
From: Francisco Pessano <franpessano1@gmail.com>
Date: Fri, 10 Sep 2021 12:47:53 -0300
Subject: [PATCH] Modularizated even more the application

---
 src/App.js                       |  8 +++++-
 src/components/AddList.jsx       | 11 --------
 src/components/AddTask.jsx       | 45 +++-----------------------------
 src/components/cacheFunctions.js | 39 +++++++++++++++++++++++++++
 4 files changed, 49 insertions(+), 54 deletions(-)
 delete mode 100644 src/components/AddList.jsx
 create mode 100644 src/components/cacheFunctions.js

diff --git a/src/App.js b/src/App.js
index df98f4d..246efa0 100644
--- a/src/App.js
+++ b/src/App.js
@@ -4,6 +4,7 @@ import Header from './components/Header'
 import TaskList from "./components/TaskList";
 import AddTask from "./components/AddTask";
 import Footer from "./components/Footer";
+import { checkCache } from "./components/cacheFunctions";
 
 function App() {
 
@@ -23,7 +24,10 @@ function App() {
 
   const [formEditInput, setFormEditInput] = useState('')
 
-
+  window.onload = () => {
+    checkCache()
+  }
+  
   return (
     <>
       <Header />
@@ -60,6 +64,8 @@ function App() {
 
       </div>
       <Footer />
+
+      
     </>
   );
 }
diff --git a/src/components/AddList.jsx b/src/components/AddList.jsx
deleted file mode 100644
index 83dbbc0..0000000
--- a/src/components/AddList.jsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react'
-
-const AddList = () => {
-    return (
-        <div>
-            
-        </div>
-    )
-}
-
-export default AddList
diff --git a/src/components/AddTask.jsx b/src/components/AddTask.jsx
index 444bccb..a0f7356 100644
--- a/src/components/AddTask.jsx
+++ b/src/components/AddTask.jsx
@@ -1,4 +1,5 @@
 import React, {useState} from 'react'
+import {persistTasks, persistCounter} from './cacheFunctions'
 
 const AddTask = (props) => {
 
@@ -30,52 +31,12 @@ const AddTask = (props) => {
               text: props.text,
               id: props.counterInputs
             }
-          ])
+          ], props)
           
-          persistCounter()
+          persistCounter(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 restoreCounter = () => {
-        let counterInputCache = localStorage.getItem('counter')
-    
-        counterInputCache = JSON.parse(counterInputCache)
-    
-        props.setCounterInputs(counterInputCache + 1)
-      }
-    
-      const checkCache = () => {
-        if (localStorage.getItem('tasks')) {
-          restoreTasks()
-        }
-    
-        if (localStorage.getItem('counter')) {
-          restoreCounter()
-        }
-        return
-      }
-    
-      window.onload = () => {
-        checkCache()
-      }
-
     return (
         <>
             <div className="add-task">
diff --git a/src/components/cacheFunctions.js b/src/components/cacheFunctions.js
new file mode 100644
index 0000000..fb51e59
--- /dev/null
+++ b/src/components/cacheFunctions.js
@@ -0,0 +1,39 @@
+const persistTasks = (modificatedTasks, props) => {
+    localStorage.setItem('tasks', JSON.stringify(modificatedTasks))
+}
+
+const persistCounter = (props) => {
+    localStorage.setItem('counter', JSON.stringify(props.counterInputs))
+}
+
+const restoreTasks = (props) => {
+    let tasksCache = localStorage.getItem('tasks')
+
+    tasksCache = JSON.parse(tasksCache)
+
+    props.setTasks(tasksCache)
+    
+  }
+
+const restoreCounter = (props) => {
+  let counterInputCache = localStorage.getItem('counter')
+
+  if (counterInputCache) {
+        counterInputCache = JSON.parse(counterInputCache)
+    }
+    
+  props.setCounterInputs(counterInputCache + 1)
+}
+
+const checkCache = () => {
+  if (localStorage.getItem('tasks')) {
+    restoreTasks()
+  }
+
+  if (localStorage.getItem('counter')) {
+    restoreCounter()
+  }
+  return
+}
+
+export {persistTasks, persistCounter, checkCache}
\ No newline at end of file