added icon, renamed 2025 to 2026, fixed rollouts

__mocks__/tracks.ts

@@ -45,7 +45,7 @@ const uncategorizedTracks: Tracks = {
     prizes: ['HackDavis Swag Bag'],
     images: [],
     eligibility_criteria:
-      'Awarded to the project with the most votes from our 2025 hackers. Vote for any project but your own!',
+      'Awarded to the project with the most votes from our 2026 hackers. Vote for any project but your own!',
   },
   'Best Hack for California GovOps Agency': {
     name: 'Best Hack for California GovOps Agency',

app/(pages)/(hackers)/_components/DOE/Hacking/IndexHeroContentHacking.tsx

@@ -62,7 +62,7 @@ export default function IndexHeroContentHacking() {
                 {' // creates for social good'}
               </span>
             </p>
-            <a href="https://hackdavis-2025.devpost.com/">
+            <a href="https://hackdavis-2026.devpost.com/">
               <button className={styles.submitButton}>
                 <p>SUBMIT!</p>
                 <GoArrowRight className={styles.submitArrow} />

app/(pages)/(hackers)/_components/ProjectInfo/SubmissionInfo/SubmissionSteps/DevpostSubmission/SubmissionTips.tsx

@@ -47,7 +47,7 @@ export default function SubmissionTips() {
           />
           <div className={styles.devpost_submission}>
             <Link
-              href="https://hackdavis-2025.devpost.com/"
+              href="https://hackdavis-2026.devpost.com/"
               className={styles.button}
               target="_blank"
             >

app/(pages)/(hackers)/_components/ProjectInfo/WhatHappens/WhatHappens.module.scss

@@ -31,8 +31,8 @@
       }
     }
 
-    > h2 {
-      font-weight: bold;
+    h2 {
+      font-weight: 700;
       padding-bottom: 32px;
       color: var(--text-dark);
 
@@ -54,7 +54,7 @@
     background: none;
     color: var(--background-secondary);
     border-radius: 8px;
-    font-weight: 500;
+    font-weight: 600;
     margin-right: 1%;
     border: 1.5px solid var(--background-secondary);
 

app/(pages)/_components/TimeProtectedDisplay/ClientTimeProtectedDisplay.tsx

@@ -14,26 +14,31 @@ export default function ClientTimeProtectedDisplay({
   callback?: () => void;
   children: React.ReactNode;
 }) {
-  const { ok, loading, available, rollout, error, fetchAvailability } =
+  const { loading, available, rollout, error, fetchAvailability } =
     useFeatureAvailability(featureId);
-  if (loading) {
+
+  // initial loading state
+  if (loading && !rollout) {
     return 'loading...';
   }
 
-  if (!ok) {
-    return JSON.stringify(error);
+  // error or no rollout info, then don't render 24 hr timer
+  if (error || !rollout) {
+    return <>{fallback}</>;
   }
 
+  const handleTrigger = async () => {
+    await fetchAvailability(featureId, true);
+    callback?.();
+  };
+
   if (!available) {
     return (
       <>
         {fallback}
         <TimeTriggerEntity
           triggerTime={rollout.rollout_time}
-          callback={() => {
-            callback?.();
-            fetchAvailability(featureId);
-          }}
+          callback={handleTrigger}
         />
       </>
     );
@@ -45,10 +50,7 @@ export default function ClientTimeProtectedDisplay({
       {rollout.rollback_time && (
         <TimeTriggerEntity
           triggerTime={rollout.rollback_time}
-          callback={() => {
-            callback?.();
-            fetchAvailability(featureId);
-          }}
+          callback={handleTrigger}
         />
       )}
     </>

app/(pages)/_globals/metadata.json

@@ -1,7 +1,7 @@
 {
     "title": "HackDavis Hub",
-    "description": "For all hackers and judges at HackDavis 2025",
+    "description": "For all hackers and judges at HackDavis 2026",
     "icons": {
-      "icon": "/icons/icon.ico"
+      "icon": "/icons/icon-hd26.ico"
     }
 }

app/(pages)/_hooks/useFeatureAvailability.ts

@@ -1,26 +1,42 @@
 import checkFeatureAvailability from '@actions/rollouts/checkFeatureAvailability';
-import { useEffect, useState } from 'react';
+import { useEffect, useState, useCallback, useRef } from 'react';
 
 export function useFeatureAvailability(featureId: string) {
   const [loading, setLoading] = useState(true);
-  const [ok, setOk] = useState(true);
   const [error, setError] = useState<string | null>(null);
-  const [available, setAvailable] = useState<any>(null);
+  const [available, setAvailable] = useState(false);
   const [rollout, setRollout] = useState<any>(null);
 
-  const fetchAvailability = async (featureId: string) => {
-    setLoading(true);
-    const { ok, body, error } = await checkFeatureAvailability(featureId);
-    setOk(ok);
-    setAvailable(body?.available);
-    setRollout(body?.rollout);
-    setError(error);
-    setLoading(false);
-  };
+  const lastFetchedId = useRef<string | null>(null);
+
+  const fetchAvailability = useCallback(
+    async (id: string, force = false) => {
+      if (!force && lastFetchedId.current === id && rollout !== null) return;
+
+      setLoading(true);
+      setError(null);
+      try {
+        const { ok, body, error } = await checkFeatureAvailability(id);
+        if (ok && body) {
+          setAvailable(body.available);
+          setRollout(body.rollout);
+          lastFetchedId.current = id;
+        } else {
+          setError(error);
+        }
+      } catch (err: any) {
+        console.error('Failed to fetch feature availability:', err);
+        setError(err instanceof Error ? err.message : String(err));
+      } finally {
+        setLoading(false);
+      }
+    },
+    [rollout]
+  );
 
   useEffect(() => {
     fetchAvailability(featureId);
-  }, [featureId]);
+  }, [featureId, fetchAvailability]);
 
-  return { ok, loading, available, rollout, error, fetchAvailability };
+  return { loading, available, rollout, error, fetchAvailability };
 }

app/(pages)/_hooks/useTimeTrigger.ts

@@ -4,9 +4,14 @@ import { useRouter } from 'next/navigation';
 
 export function useTimeTrigger(triggerTime: number, callback: any) {
   const timerRef = useRef<any>(null);
+  const callbackRef = useRef(callback);
   const [triggered, setTriggered] = useState(false);
   const router = useRouter();
 
+  useEffect(() => {
+    callbackRef.current = callback;
+  }, [callback]);
+
   useEffect(() => {
     const updateTimer = () => {
       if (timerRef.current) {
@@ -18,7 +23,7 @@ export function useTimeTrigger(triggerTime: number, callback: any) {
         return;
       }
       timerRef.current = setTimeout(async () => {
-        await callback?.();
+        await callbackRef.current?.();
         router.refresh();
         setTriggered(true);
       }, timeToTrigger);
@@ -32,10 +37,10 @@ export function useTimeTrigger(triggerTime: number, callback: any) {
     updateTimer();
 
     return () => {
-      clearTimeout(timerRef.current);
+      if (timerRef.current) clearTimeout(timerRef.current);
       window.removeEventListener('focus', onFocus);
     };
-  }, [triggerTime, callback, router]);
+  }, [triggerTime, router]);
 
   return { triggered };
 }