Fix tab switching not allowing task start

Author: eding888

back/src/routers/taskRouter.ts

@@ -18,11 +18,9 @@ interface NewUserInfo {
 
 const checkIfTimeSurpassed = async (startTime: number, task: TaskInterface) => {
   const time = getCurrentEpochInSeconds();
-  console.log(((time - startTime) / 1000), task.timeLeftToday);
   if (startTime !== -1 && task.timeLeftToday !== 0 && (((time - startTime) / 1000) >= task.timeLeftToday)) {
     task.totalTimeToday += task.timeLeftToday;
     task.timeLeftToday = 0;
-    console.log('obama');
     await task.save();
     return true;
   }

back/src/utils/socketConnection.ts

@@ -13,7 +13,6 @@ const getTaskIdsFromUser = (user: UserInterface): string[] => {
 
 export const handleSocket = (io: Server): void => {
   io.on('connection', (socket) => {
-    console.log('WebSocket connected');
     // Socket connection initiated by listening to changes in specific user
     socket.on('subscribeToUser', async (userId) => {
       try {
@@ -22,9 +21,7 @@ export const handleSocket = (io: Server): void => {
           console.log('User not found');
           return;
         }
-        console.log('Subscribing to user:', user.username);
         let ids = getTaskIdsFromUser(user);
-        console.log(ids);
         const taskChangeStream = Task.collection.watch();
         const userChangeStream = User.collection.watch();
         // Emit changes in Task document
@@ -42,7 +39,6 @@ export const handleSocket = (io: Server): void => {
           }
         });
         socket.on('disconnect', () => {
-          console.log('WebSocket disconnected');
           taskChangeStream.close();
           userChangeStream.close();
         });

front/taskwizard-front/src/components/NewTask.tsx

@@ -371,7 +371,7 @@ const NewTask = ({ isOpen, onClose }: { isOpen: boolean, onClose: () => void}) =
         isClosable: true
       });
     } else {
-      console.log('poop');
+      console.log('New task created');
     }
   };
   return (

front/taskwizard-front/src/components/StartableTask.tsx

@@ -12,14 +12,18 @@ import { setStart } from '../redux/dashboardSlice';
 const StartableTask = ({ task }: { task: TaskInterface }) => {
   const [screenCutoff] = useMediaQuery('(min-width: 600px)');
   const [countAmount, setCountAmount] = useState(1);
-  const [started, setStarted] = useState(false);
+  const [started, _setStarted] = useState(false);
   const [overtime, setOvertime] = useState(false);
   const [timeLeft, setTimeLeft] = useState(task.timeLeftToday);
   const [totalTime, setTotalTime] = useState(task.totalTimeToday);
   const { isOpen, onOpen, onClose } = useDisclosure();
   const cancelRef = useRef(null);
   const toast = useToast();
   const startedRef = useRef(started);
+  const setStarted = (data: boolean) => {
+    startedRef.current = data;
+    _setStarted(data);
+  };
   const handleCountChange = (amount: string) => {
     const amountNum = parseInt(amount);
     setCountAmount(amountNum);
@@ -66,10 +70,11 @@ const StartableTask = ({ task }: { task: TaskInterface }) => {
   useEffect(() => {
     const handleVisibilityChange = async () => {
       if (!document.hidden) {
+        console.log(startedRef.current);
         await stopTask(task.id);
         if (task.timeLeftToday <= 1) {
-          handleStartedStateChange(setStarted, false);
-        } else if (startedRef) {
+          handleStartedStateChange(_setStarted, false);
+        } else if (startedRef.current) {
           await startTask(task.id);
         }
       }

front/taskwizard-front/src/pages/Info.tsx

@@ -2,6 +2,7 @@ import React, { useEffect, useState } from 'react';
 import '../index.css';
 import { Image, Flex, Button, Heading, Box, useMediaQuery } from '@chakra-ui/react';
 import NavBar1 from '../components/NavBar1';
+import NavBar2 from '../components/NavBar2';
 import SignupButton from '../components/SignupButton';
 import { checkToken } from '../utils/checkToken';
 import { useNavigate } from 'react-router-dom';
@@ -10,12 +11,16 @@ const Info = () => {
   const [screenCutoff] = useMediaQuery('(min-width: 600px)');
   return (
     <>
-      <NavBar1/>
+      {
+        window.localStorage.getItem('logged') === 'true'
+          ? <NavBar2/>
+          : <NavBar1/>
+      }
       <Flex overflow='auto' justifyContent={screenCutoff ? 'center' : ''} alignItems='center' direction='column' height = 'calc(85vh - 50px)'>
         <Heading size='md'>About TaskWizard</Heading>
         <Box textAlign='center' w='50%'> TaskWizard is a project I made independtly over the course of a month or so as I found other ways of managing my time inconvenient and inefficient. I also wanted to make time management social and shareable with TaskWizard's friend adding fuctionality. TaskWizard utilizes React on the frontend and Node/Express/MongoDB for the backend, all of which utilizes TypeScript.</Box>
         <Heading size='md' mt = '8'>About Me</Heading>
-        <Box textAlign='center' w='50%'>I am currently a student studying computer science in college. I am very interesting in software development, especially web development. I've always enjoyed being creative while also having a quantitative mindset, which is what drew me to programming.</Box>
+        <Box textAlign='center' w='50%'>I am currently a student studying computer science in college. I am very interested in software development, especially web development.</Box>
         <Heading size='md' mt = '8'>How to Use TaskWizard?</Heading>
         <Box textAlign='center' w='50%'>The awesome thing about TaskWizard is that not only is it effective, it is very easy to use. Everything should be explained in the 'TaskWizard: At a Glance' video. You can view it here.</Box>
         <Heading size='md' mt = '8'>How to Use Contribute?</Heading>

front/taskwizard-front/src/pages/Login.tsx

@@ -84,7 +84,6 @@ function Login () {
   async function requestStorage () {
     try {
       await document.requestStorageAccess();
-      console.log(await document.hasStorageAccess());
     } catch (error) {
       // Handle errors, e.g., if the browser doesn't support this API.
       console.error('Error requesting storage access:', error);

front/taskwizard-front/src/pages/Signup.tsx

@@ -125,7 +125,7 @@ function Signup () {
     <>
       {isNotLoaded && <Loader/>}
       <NavBar1/>
-      <Flex overflow='auto' onLoad = {handleLoad} alignItems='center' justifyContent='center' direction={screenCutoff ? 'row-reverse' : 'column'} height = {screenCutoff ? 'calc(82vh - 95px)' : 'calc(70vh - 95px)'} gap = '30px'>
+      <Flex overflow='auto' onLoad = {handleLoad} alignItems='center' justifyContent='center' direction={screenCutoff ? 'row-reverse' : 'column'} height = {screenCutoff ? 'calc(82vh - 95px)' : 'calc(75vh - 95px)'} gap = '30px'>
         <Image
           src= 'https://cdn-icons-png.flaticon.com/512/477/477103.png'
           height={!screenCutoff ? 'clamp(50px, 20%, 300px)' : 'clamp(100px, 40%, 300px)'}