use single seconds state in useStopwatch

Author: amrlabib

src/useStopwatch.js

@@ -1,51 +1,22 @@
 import { useState, useEffect, useRef } from 'react';
+import { Time } from './utils';
 
 export default function useStopwatch(settings) {
   const { autoStart } = settings || {};
 
   const [seconds, setSeconds] = useState(0);
-  const [minutes, setMinutes] = useState(0);
-  const [hours, setHours] = useState(0);
-  const [days, setDays] = useState(0);
   const intervalRef = useRef();
 
-  function addDay() {
-    setDays((prevDays) => (prevDays + 1));
-  }
-
-  function addHour() {
-    setHours((prevHours) => {
-      if (prevHours === 23) {
-        addDay();
-        return 0;
-      }
-      return prevHours + 1;
-    });
-  }
-
-  function addMinute() {
-    setMinutes((prevMinutes) => {
-      if (prevMinutes === 59) {
-        addHour();
-        return 0;
-      }
-      return prevMinutes + 1;
-    });
-  }
-
-  function addSecond() {
-    setSeconds((prevSeconds) => {
-      if (prevSeconds === 59) {
-        addMinute();
-        return 0;
-      }
-      return prevSeconds + 1;
-    });
+  function clearIntervalRef() {
+    if (intervalRef.current) {
+      clearInterval(intervalRef.current);
+      intervalRef.current = undefined;
+    }
   }
 
   function start() {
     if (!intervalRef.current) {
-      intervalRef.current = setInterval(() => addSecond(), 1000);
+      intervalRef.current = setInterval(() => setSeconds((prevSeconds) => (prevSeconds + 1)), 1000);
     }
   }
 
@@ -57,25 +28,22 @@ export default function useStopwatch(settings) {
   }
 
   function reset() {
-    if (intervalRef.current) {
-      clearInterval(intervalRef.current);
-      intervalRef.current = undefined;
-    }
+    clearIntervalRef();
     setSeconds(0);
-    setMinutes(0);
-    setHours(0);
-    setDays(0);
+    if (autoStart) {
+      start();
+    }
   }
 
   // didMount effect
   useEffect(() => {
     if (autoStart) {
       start();
     }
-    return reset;
+    return clearIntervalRef;
   }, []);
 
   return {
-    seconds, minutes, hours, days, start, pause, reset,
+    ...Time.getTimeFromSeconds(seconds), start, pause, reset,
   };
 }