From d980d11be049fa88b5adc95ae32591399d04fcc5 Mon Sep 17 00:00:00 2001
From: Ategon <benjamin@barbeau.net>
Date: Mon, 27 Jan 2025 22:01:19 -0500
Subject: [PATCH] Fix timer

---
 src/components/timers/index.tsx | 34 +++++++++++++++++++++++----------
 1 file changed, 24 insertions(+), 10 deletions(-)

diff --git a/src/components/timers/index.tsx b/src/components/timers/index.tsx
index 32d659b..ea5cf59 100644
--- a/src/components/timers/index.tsx
+++ b/src/components/timers/index.tsx
@@ -23,19 +23,23 @@ export default function Timers() {
     fetchCurrentJamPhase();
   }, []);
 
-  
-
-  if(activeJamResponse && activeJamResponse.jam)
-  {
-    const startTimeUTC = new Date(activeJamResponse.jam.startTime).toISOString();
+  if (activeJamResponse && activeJamResponse.jam) {
+    const startTimeUTC = new Date(
+      activeJamResponse.jam.startTime
+    ).toISOString();
     console.log(startTimeUTC);
 
-    if (activeJamResponse.phase == "Suggestion" || activeJamResponse.phase == "Survival" || activeJamResponse.phase == "Voting") {
+    if (
+      activeJamResponse.phase == "Suggestion" ||
+      activeJamResponse.phase == "Survival" ||
+      activeJamResponse.phase == "Voting" ||
+      activeJamResponse.phase == "Upcoming Jam"
+    ) {
       return (
         <div className="text-[#333] dark:text-white transition-color duration-250">
           <Timer
             name="Jam starts in"
-            targetDate={new Date(activeJamResponse.jam.startTime) }
+            targetDate={new Date(activeJamResponse.jam.startTime)}
           />
           <Spacer y={8} />
           <p>Site under construction</p>
@@ -46,7 +50,12 @@ export default function Timers() {
         <div className="text-[#333] dark:text-white transition-color duration-250">
           <Timer
             name="Jam ends in"
-            targetDate={ new Date(new Date(activeJamResponse.jam.startTime).getTime() + (activeJamResponse.jam.jammingHours * 60 * 60 * 1000))}
+            targetDate={
+              new Date(
+                new Date(activeJamResponse.jam.startTime).getTime() +
+                  activeJamResponse.jam.jammingHours * 60 * 60 * 1000
+              )
+            }
           />
           <Spacer y={8} />
           <p>Site under construction</p>
@@ -57,7 +66,13 @@ export default function Timers() {
         <div className="text-[#333] dark:text-white transition-color duration-250">
           <Timer
             name="Rating ends in"
-            targetDate={new Date(new Date(activeJamResponse.jam.startTime).getTime() + (activeJamResponse.jam.jammingHours * 60 * 60 * 1000) + (activeJamResponse.jam.ratingHours * 60 * 60 * 1000))}
+            targetDate={
+              new Date(
+                new Date(activeJamResponse.jam.startTime).getTime() +
+                  activeJamResponse.jam.jammingHours * 60 * 60 * 1000 +
+                  activeJamResponse.jam.ratingHours * 60 * 60 * 1000
+              )
+            }
           />
           <Spacer y={8} />
           <p>Site under construction</p>
@@ -73,5 +88,4 @@ export default function Timers() {
       );
     }
   }
-  
 }