feat: add onPause to useStopwatch #33

dlcastillop · Apr 6, 2024 · 9352f16 · 9352f16
1 parent bc00592
commit 9352f16
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 6 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,10 +1,8 @@
-import { useCountUp } from "./hooks";
+import { useStopwatch } from "./hooks";
 
 const App = () => {
   const { current, isPaused, isOver, pause, play, reset, togglePause } =
-    useCountUp(1, 10, {
-      onFinish: () => console.log("Counter ended"),
-    });
+    useStopwatch();
 
   return (
     <div>

diff --git a/src/helpers/useInternalStopwatch.ts b/src/helpers/useInternalStopwatch.ts
@@ -5,7 +5,7 @@ import { InternalCounter, StopwatchOptions } from "../interfaces";
 export const useInternalStopwatch = (
   options: StopwatchOptions
 ): InternalCounter => {
-  const { startPaused, separator, onFinish, endTime } = options;
+  const { startPaused, separator, onFinish, endTime, onPause } = options;
   const { days, hours, minutes, seconds } = parseTime(endTime ?? "0:0:0:0");
   const [time, setTime] = useState({
     days: 0,
@@ -96,7 +96,10 @@ export const useInternalStopwatch = (
           time.minutes * 60 +
           time.seconds)
       : 0,
-    pause: () => setPaused(true),
+    pause: () => {
+      setPaused(true);
+      onPause && onPause();
+    },
     play: () => setPaused(false),
     reset: () => {
       setIsOver(false);

diff --git a/src/interfaces/interfaces.ts b/src/interfaces/interfaces.ts
@@ -6,6 +6,7 @@ export interface BaseCounterOptions {
 
 export interface TimerOptions extends BaseCounterOptions {
   separator?: string;
+  onPause?: () => void;
 }
 
 export interface StopwatchOptions extends TimerOptions {