fixed issues

Author: Piotr Snopek

src/Components/SideBar/SideBarListsBox.js

@@ -68,7 +68,8 @@ const SideBarListsBox = ({
             <SideBarListButton
               key={v.key}
               name={v.child("name").val()}
-              pagename={v.key}
+              // pagename={v.key}
+              pagename={v.child("name").val()}
               active={taskPage === v.child("name").val()}
               onClick={(e) => handleBtnClick(e, v.child("name").val())}
               onClickDelete={(e) => onClickDelete(e, v.key)}

src/Components/SideBar/index.js

@@ -21,7 +21,7 @@ const SideBar = ({ taskPage, setTaskPage, setListName, listName }) => {
   const isMobile = useMediaQuery({ query: "(max-width: 768px)" });
 
   const handleBtnClick = (e, name) => {
-    setTaskPage(e.target.getAttribute("pagename"));
+    setTaskPage(e.target.getAttribute("pagename") || "today");
     setListName(name || "");
   };
 

src/Components/TaskList/index.js

@@ -52,6 +52,12 @@ const TaskList = ({ taskPage, listName, ...props }) => {
     let ref = firebase.getTasks(user.uid, (ts) => {
       setTasks(ts);
 
+      // console.log('============================');
+      // console.log(taskPage);
+      // console.log(ts);
+      // console.log(ts[taskPage]);
+      // console.log('============================');
+
       setNotDoneTasks(
         ts[taskPage] &&
           ts[taskPage].filter((ob) => !ob.val().done).map((val, i) => val)

src/Firebase/firebase.js

@@ -84,7 +84,7 @@ class Firebase {
       this.db
         .ref(`task_lists/${userID}/${listID}`)
         .remove()
-        .then(() => console.log("usunieto liste"))
+        .then(() => console.log(`usunieto liste ${listID}`))
         .catch((err) => console.error(err));
     });
   };
@@ -101,6 +101,13 @@ class Firebase {
         planned: [],
         today: [],
       };
+
+      this.db.ref(`task_lists/${userID}`).on("value", (snap) => {
+        snap.forEach(v => {
+          tasks[v.child('name').val()] = [];
+        })
+      })
+
       snap.forEach((v) => {
         if (v.child("deadline").val()) {
           tasks.planned.push(v);