diff --git a/app/(pages)/(hackers)/_components/HomeHacking/HeroHacking.tsx b/app/(pages)/(hackers)/_components/HomeHacking/HeroHacking.tsx index 01c839738..aada35536 100644 --- a/app/(pages)/(hackers)/_components/HomeHacking/HeroHacking.tsx +++ b/app/(pages)/(hackers)/_components/HomeHacking/HeroHacking.tsx @@ -2,8 +2,6 @@ import Image from 'next/image'; import { GoArrowRight } from 'react-icons/go'; - -import ClientTimeProtectedDisplay from '@pages/_components/TimeProtectedDisplay/ClientTimeProtectedDisplay'; import Countdown from './_components/Countdown'; interface HeroHackingProps { @@ -17,6 +15,7 @@ export default function HeroHacking({ rolloutTime, loading, }: HeroHackingProps) { + // Adds one day to rollout time 'hacking-starts' AKA hacking ending time const countdownTarget = rolloutTime ? rolloutTime + ONE_DAY_MS : undefined; return ( @@ -45,18 +44,10 @@ export default function HeroHacking({
{/* Right: countdown (big) */}
-
- } - > - {countdownTarget !== undefined && ( - - )} - - +
+ {loading && ( -
+
loading…
)} diff --git a/app/(pages)/(hackers)/_components/HomeHacking/_components/Countdown.tsx b/app/(pages)/(hackers)/_components/HomeHacking/_components/Countdown.tsx index 4dbe1bffc..8af40bf98 100644 --- a/app/(pages)/(hackers)/_components/HomeHacking/_components/Countdown.tsx +++ b/app/(pages)/(hackers)/_components/HomeHacking/_components/Countdown.tsx @@ -6,10 +6,10 @@ interface CountdownProps { countdownTarget?: number; } -const HACKING_ENDS_TIME = new Date('2026-05-10T11:00:00-07:00').getTime(); // May 10, 2026 at 11:00 AM PDT +const FALLBACK_HACKING_ENDS = new Date('2026-05-10T11:00:00-07:00').getTime(); // May 10, 2026 at 11:00 AM PDT export default function Countdown({ - countdownTarget = HACKING_ENDS_TIME, + countdownTarget = FALLBACK_HACKING_ENDS, }: CountdownProps) { const [timeLeft, setTimeLeft] = useState({ hours: 24,