Merge pull request #29 from TNG/dependabot/npm_and_yarn/react-countdo…

…wn-circle-timer-3.2.1 Bump react-countdown-circle-timer from 2.5.4 to 3.2.1
TNG · May 9, 2023 · 385290c · 385290c
2 parents dd0ba55 + ddd17a7
commit 385290c
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 37 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -21,7 +21,7 @@
     "lodash": "^4.17.21",
     "node-persist": "^3.1.0",
     "react": "^17.0.2",
-    "react-countdown-circle-timer": "^2.5.4",
+    "react-countdown-circle-timer": "^3.2.1",
     "react-dom": "^17.0.2",
     "react-helmet": "^6.1.0",
     "react-map-interaction": "^2.1.0",

diff --git a/src/client/components/timer/timer.tsx b/src/client/components/timer/timer.tsx
@@ -49,12 +49,12 @@ const Timer: FC<TimerProps> = ({ active = true, duration, targetTime }) => {
         size={150}
         duration={duration}
         initialRemainingTime={Math.max(timeDifferenceInSeconds, 0)}
-        colors={[
-          ['#28a745', 0.625],
-          ['#ffc107', 0.25],
-          ['#dc3545', 0.125],
-        ]}
-        onComplete={() => [false, 0]}
+        colors={['#28a745', '#ffc107', '#dc3545']}
+        colorsTime={[0.625, 0.25, 0.125]}
+        onComplete={() => ({
+          shouldRepeat: false,
+          newInitialRemainingTime: 0 
+        })}
       >
         {renderTime}
       </CountdownCircleTimer>