From 29b1ffd3eadda232ce6992806cd1a6b9343710fd Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Mon, 1 Dec 2025 14:10:43 -0700
Subject: [PATCH] fix transation issue fusakabanner countdown

---
 .../Banners/FusakaBanner/FusakaCountdown.tsx          | 11 +++--------
 src/components/Banners/FusakaBanner/index.tsx         |  2 +-
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/components/Banners/FusakaBanner/FusakaCountdown.tsx b/src/components/Banners/FusakaBanner/FusakaCountdown.tsx
index 7d7beb06979..2fbc1a47546 100644
--- a/src/components/Banners/FusakaBanner/FusakaCountdown.tsx
+++ b/src/components/Banners/FusakaBanner/FusakaCountdown.tsx
@@ -2,7 +2,7 @@
 
 import { useEffect, useState } from "react"
 import humanizeDuration from "humanize-duration"
-import { useLocale, useTranslations } from "next-intl"
+import { useLocale } from "next-intl"
 
 const fusakaDate = new Date("2025-12-03T21:49:11.000Z")
 const fusakaDateTime = fusakaDate.getTime()
@@ -108,9 +108,8 @@ const getTimeLabels = (locale: string): TimeLabels => {
   }
 }
 
-const FusakaCountdown = () => {
+const FusakaCountdown = ({ liveNowText }: { liveNowText: string }) => {
   const locale = useLocale()
-  const t = useTranslations("page-index")
   const [timeUnits, setTimeUnits] = useState<TimeUnits>(() => getTimeUnits())
   const [labels, setLabels] = useState<TimeLabels>(() => getTimeLabels(locale))
 
@@ -129,11 +128,7 @@ const FusakaCountdown = () => {
   }, [])
 
   if (timeUnits.isExpired) {
-    return (
-      <p className="text-2xl font-extrabold text-white">
-        {t("page-index-fusaka-live-now")}
-      </p>
-    )
+    return <p className="text-2xl font-extrabold text-white">{liveNowText}</p>
   }
 
   return (
diff --git a/src/components/Banners/FusakaBanner/index.tsx b/src/components/Banners/FusakaBanner/index.tsx
index 29bb4d6cfbe..0171b498392 100644
--- a/src/components/Banners/FusakaBanner/index.tsx
+++ b/src/components/Banners/FusakaBanner/index.tsx
@@ -35,7 +35,7 @@ const FusakaBanner = async () => {
               br: () => <br className="md:hidden" />,
             })}
           </p>
-          <FusakaCountdown />
+          <FusakaCountdown liveNowText={t("page-index-fusaka-live-now")} />
         </div>
       </div>
     </LinkBox>