Timer.js

Timer Custom Hook

//import the useTimer Hook from the appropriate file path
import { useTimer } from "./useTimer";

const Timer = (targetTimeMins) => {
 //useTimer is invoked to get back the time remaining in minutes and seconds
 const [minutes, seconds] = useTimer(targetTimeMins);


 if (minutes + seconds <= 0) {
   //if there is no time remaining, a component renders to say the time is up
   return <ExpiredNotice />;
 } else {
   //otherwise the visual component of the timer is rendered, taking in the minutes and seconds as props
   return <ShowTimer minutes={minutes} seconds={seconds} />;
 }
};


export default Timer;