i dont remember what to write here

Author: ForLoopCodes

src/components/bases/Expenses.jsx

@@ -2,9 +2,12 @@ import React, { useEffect } from "react";
 const axios = require("axios");
 
 export default function Expenses() {
+  // to be saved in backend
+  // ##############################################################
   const [symbol, setSymbol] = React.useState("$");
   const [expenses, setExpenses] = React.useState([]);
   const [dates, setDates] = React.useState(["01-01-2020", "01-02-2020"]);
+  // ##############################################################
   useEffect(() => {
     axios
       .get("http://localhost:3001/expenses")

src/components/bases/Mood.jsx

@@ -2,8 +2,11 @@ import React, { useEffect } from "react";
 import axios from "axios";
 
 export default function Mood() {
+  // to be saved in backend
+  // ##############################################################
   const [moods, setMoods] = React.useState([]);
   const [dates, setDates] = React.useState(["01-01-2020", "02-01-2020"]);
+  // ##############################################################
   useEffect(() => {
     axios
       .get("http://localhost:3001/moods")

src/components/bases/Tally.jsx

@@ -2,8 +2,11 @@ import React, { useEffect } from "react";
 import axios from "axios";
 
 export default function Tally() {
+  // to be saved in backend
+  // ##############################################################
   const [tallies, setTallies] = React.useState([]);
   const [categories, setCategories] = React.useState(["other", "work", "home"]);
+  // ##############################################################
   useEffect(() => {
     axios
       .get("http://localhost:3001/tallies")

src/components/bases/Tasks.jsx

@@ -2,7 +2,10 @@ import React, { useEffect } from "react";
 const axios = require("axios");
 
 export default function Tasks() {
+  // to be saved in backend
+  // ##############################################################
   const [tasks, setTasks] = React.useState([]);
+  // ##############################################################
   useEffect(() => {
     axios
       .get("http://localhost:3001/tasks")

src/components/bases/Timer.jsx

@@ -5,14 +5,17 @@ export default function Timer(props) {
   const [m, setM] = React.useState(props.m);
   const [s, setS] = React.useState(props.s);
   const [started, setStarted] = React.useState(false);
+  const [startTime, setStartTime] = React.useState(null);
+  const [isFocus, setIsFocus] = React.useState(true);
   const [saveH, setSaveH] = React.useState(props.h);
   const [saveM, setSaveM] = React.useState(props.m);
   const [saveS, setSaveS] = React.useState(props.s);
+  // to be saved in backend
+  // ##############################################################
   const [history, setHistory] = React.useState([]);
-  const [startTime, setStartTime] = React.useState(null);
-  const [isFocus, setIsFocus] = React.useState(true);
   const [totalTimeFocused, setTotalTimeFocused] = React.useState(0);
   const [totalTimeBreak, setTotalTimeBreak] = React.useState(0);
+  // ##############################################################
   const startTimer = () => {
     setStarted(true);
     setStartTime(new Date());