fix: hot reload crash in homepage

NIAEFEUP · Jan 5, 2025 · 5c4a597 · 5c4a597
1 parent e5d58d5
commit 5c4a597
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/website/inertia/lib/countdown.ts b/website/inertia/lib/countdown.ts
@@ -63,7 +63,5 @@ export function createCountdown({
   // tick once so listeners are up-to-date
   tick()
 
-  return {
-    abort: controller.abort,
-  }
+  return { abort: controller.abort.bind(controller) }
 }
diff --git a/website/inertia/pages/home.tsx b/website/inertia/pages/home.tsx
@@ -20,7 +20,7 @@ function Countdown() {
       )}
     >
       <div className="bg-enei-beige bg-opacity-[62%] w-24 md:w-32 text-center shadow-[0_4px_4px_rgba(0_0_0_/_25%)]">
-        <p className="font-space-grotesk text-enei-blue text-4xl md:text-6xl font-bold mt-10 [text-shadow:_-1px_0_#efe3ca,_0_1px_#efe3ca,_1px_0_#efe3ca,_0_-1px_#efe3ca]">
+        <p className="tabular-nums font-space-grotesk text-enei-blue text-4xl md:text-6xl font-bold mt-10 [text-shadow:_-1px_0_#efe3ca,_0_1px_#efe3ca,_1px_0_#efe3ca,_0_-1px_#efe3ca]">
           {timeLeft?.days.toLocaleString('en-US', {
             minimumIntegerDigits: 2,
             useGrouping: false,
@@ -31,7 +31,7 @@ function Countdown() {
         </p>
       </div>
       <div className="bg-enei-beige bg-opacity-[62%] w-24 md:w-32 text-center shadow-[0_4px_4px_rgba(0_0_0_/_25%)]">
-        <p className="font-space-grotesk text-enei-blue text-4xl md:text-6xl font-bold mt-10 [text-shadow:_-1px_0_#efe3ca,_0_1px_#efe3ca,_1px_0_#efe3ca,_0_-1px_#efe3ca]">
+        <p className="tabular-nums font-space-grotesk text-enei-blue text-4xl md:text-6xl font-bold mt-10 [text-shadow:_-1px_0_#efe3ca,_0_1px_#efe3ca,_1px_0_#efe3ca,_0_-1px_#efe3ca]">
           {timeLeft?.hours.toLocaleString('en-US', {
             minimumIntegerDigits: 2,
             useGrouping: false,
@@ -43,7 +43,7 @@ function Countdown() {
       </div>
 
       <div className="bg-enei-beige bg-opacity-[62%] w-24 md:w-32 text-center shadow-[0_4px_4px_rgba(0_0_0_/_25%)]">
-        <p className="font-space-grotesk text-enei-blue text-4xl md:text-6xl font-bold mt-10 [text-shadow:_-1px_0_#efe3ca,_0_1px_#efe3ca,_1px_0_#efe3ca,_0_-1px_#efe3ca]">
+        <p className="tabular-nums font-space-grotesk text-enei-blue text-4xl md:text-6xl font-bold mt-10 [text-shadow:_-1px_0_#efe3ca,_0_1px_#efe3ca,_1px_0_#efe3ca,_0_-1px_#efe3ca]">
           {timeLeft?.minutes.toLocaleString('en-US', {
             minimumIntegerDigits: 2,
             useGrouping: false,
@@ -55,7 +55,7 @@ function Countdown() {
       </div>
 
       <div className="bg-enei-beige bg-opacity-[62%] w-24 md:w-32 text-center shadow-[0_4px_4px_rgba(0_0_0_/_25%)]">
-        <p className="font-space-grotesk text-enei-blue text-4xl md:text-6xl font-bold mt-10 [text-shadow:_-1px_0_#efe3ca,_0_1px_#efe3ca,_1px_0_#efe3ca,_0_-1px_#efe3ca]">
+        <p className="tabular-nums font-space-grotesk text-enei-blue text-4xl md:text-6xl font-bold mt-10 [text-shadow:_-1px_0_#efe3ca,_0_1px_#efe3ca,_1px_0_#efe3ca,_0_-1px_#efe3ca]">
           {timeLeft?.seconds.toLocaleString('en-US', {
             minimumIntegerDigits: 2,
             useGrouping: false,