andrayantelo / fcc-react-projects Goto Github PK

How does it work?

• Format time function, handle when user inputs 60 minutes
• Reset function: the break and work sessions need to be set to DEFAULT values, also the interval timer isn't being cleared....?

Implement the increment/decrement functions for the break session and the work session, and figure out what the best way to structure that is. Should I have if/else statements in the action creators? reducers? or before calling the action creator? Read redux docs and look at examples.

Once everything actually works, maybe change Controls to a functional component.

So, the reason this isn't happening is because display gets updated in the reducer, and we don't have access to the new value for display in time interval. One way to change this is to send the new value for display through a payload on the action creator instead of updating it in the reducer. Need to figure out what is actually best practice.

If your countdown is set to 2:00 minutes for example, and you start the timer, it starts out by displaying 1:58 instead of 1:59, because the formatTime function is rounding down. But if you round up instead you end up with:
1:01, 0:60, 0:59,...

It needs to show the entire decimal number. For example it should show "2.2" instead of first "2", then ".", and then "2" again.