When working time elapses, fun timer begins

[Carsonwl]

Pomodoro runs a timer for 25 minutes to focus. Then it runs a timer for 5 minutes for relaxation.

When our working time (timeValues.workTime) elapses, timer begins again with a new duration (timeValues.funTime).

[Carsonwl]

Found that this is an issue with the react-timer-hook:

amrlabib/react-timer-hook#70 #

[Carsonwl]

Fixed by adding a flipper boolean to the Timer component and a useEffect that causes the timer to rerender.

  useEffect(() => {
    const time = new Date();
    !timeValues.currWork ? time.setMinutes(time.getMinutes() + timeValues.workTime) : time.setMinutes(time.getMinutes() + timeValues.funTime);
    settimeValues({ ...timeValues, currWork: !timeValues.currWork });
    restart(time);
  }, [timerElapsed]);