lint useStopwatch

Author: amrlabib

src/useStopwatch.js

@@ -1,26 +1,30 @@
 import { useState, useEffect, useRef } from 'react';
 
-/* --------------------- useStopwatch ----------------------- */
-
 export default function useStopwatch(settings) {
   const { autoStart } = settings || {};
 
-  // Seconds
-  const [seconds, setSeconds] = useState(0);
-  function addSecond() {
-    setSeconds(prevSeconds => {
-      if(prevSeconds === 59) {
-        addMinute();
+  // Days
+  const [days, setDays] = useState(0);
+  function addDay() {
+    setDays((prevDays) => (prevDays + 1));
+  }
+
+  // Hours
+  const [hours, setHours] = useState(0);
+  function addHour() {
+    setHours((prevHours) => {
+      if (prevHours === 23) {
+        addDay();
         return 0;
       }
-      return prevSeconds + 1;
+      return prevHours + 1;
     });
   }
 
   // Minutes
   const [minutes, setMinutes] = useState(0);
   function addMinute() {
-    setMinutes(prevMinutes => {
+    setMinutes((prevMinutes) => {
       if (prevMinutes === 59) {
         addHour();
         return 0;
@@ -29,37 +33,29 @@ export default function useStopwatch(settings) {
     });
   }
 
-  // Hours
-  const [hours, setHours] = useState(0);
-  function addHour() {
-    setHours(prevHours => {
-      if (prevHours === 23) {
-        addDay();
+  // Seconds
+  const [seconds, setSeconds] = useState(0);
+  function addSecond() {
+    setSeconds((prevSeconds) => {
+      if (prevSeconds === 59) {
+        addMinute();
         return 0;
       }
-      return prevHours + 1;
-    });
-  }
-
-  // Days
-  const [days, setDays] = useState(0);
-  function addDay() {
-    setDays(prevDays => {
-      return prevDays + 1;
+      return prevSeconds + 1;
     });
   }
 
   // Control functions
   const intervalRef = useRef();
 
   function start() {
-    if(!intervalRef.current) {
+    if (!intervalRef.current) {
       intervalRef.current = setInterval(() => addSecond(), 1000);
     }
   }
 
   function pause() {
-    if(intervalRef.current) {
+    if (intervalRef.current) {
       clearInterval(intervalRef.current);
       intervalRef.current = undefined;
     }
@@ -78,11 +74,13 @@ export default function useStopwatch(settings) {
 
   // didMount effect
   useEffect(() => {
-    if(autoStart) {
+    if (autoStart) {
       start();
     }
     return reset;
-  },[]);
+  }, []);
 
-  return { seconds, minutes, hours, days, start, pause, reset };
-}
+  return {
+    seconds, minutes, hours, days, start, pause, reset,
+  };
+}