feat: see winners on home

Author: crodriguezacevedo

app/[locale]/dashboard/winners-reveal/page.tsx

@@ -2,7 +2,6 @@
 
 import { useState, useEffect } from "react"
 import { useAuth } from "@/lib/firebase/auth-context"
-import { ProtectedRoute } from "@/components/auth/protected-route"
 import { useRouter, useParams } from "next/navigation"
 import { WinnersReveal } from "@/components/admin/winners-reveal"
 import { doc, getDoc } from "firebase/firestore"
@@ -43,28 +42,29 @@ export default function WinnersPage() {
     }, [])
 
     useEffect(() => {
-        if (!authLoading && !settingsLoading && user && showWinners !== null) {
+        if (!authLoading && !settingsLoading && showWinners !== null) {
             // Admins always have access
-            if (user.role === "admin") return
+            if (user?.role === "admin") return
 
-            // Participants only if flag is enabled
-            if (user.role === "participant" && showWinners) return
-
-            // Otherwise redirect
-            router.replace(`/${locale}/dashboard`)
+            // If showWinners is disabled, redirect
+            if (!showWinners) {
+                // If logged in, go to dashboard, otherwise home
+                router.replace(user ? `/${locale}/dashboard` : `/${locale}`)
+            }
         }
     }, [user, authLoading, settingsLoading, showWinners, router, locale])
 
     if (authLoading || settingsLoading) return <Loading text={t.loading.synchronizing} />
 
+    // If winners are not to be shown and user is not admin, we return null while redirecting
+    if (!showWinners && user?.role !== "admin") return null
+
     return (
-        <ProtectedRoute allowedRoles={["admin", "participant"]}>
-            <main
-                className="relative min-h-screen w-full overflow-hidden"
-                style={{ background: "#020617" }}
-            >
-                <WinnersReveal />
-            </main>
-        </ProtectedRoute>
+        <main
+            className="relative min-h-screen w-full overflow-hidden"
+            style={{ background: "#020617" }}
+        >
+            <WinnersReveal />
+        </main>
     )
 }

components/admin/winners-reveal.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import { useState, useEffect, useRef } from "react"
+import { useAuth } from "@/lib/firebase/auth-context"
 import { useParams } from "next/navigation"
 import { collection, getDocs, query, orderBy } from "firebase/firestore"
 import { getDbClient } from "@/lib/firebase/client-config"
@@ -292,6 +293,7 @@ function PodiumCard({ winner, category, isChampion = false, t }: any) {
 // ─── Main Logic ───────────────────────────────────────────────────────────────
 
 export function WinnersReveal() {
+    const { user } = useAuth()
     const params = useParams()
     const locale = params.locale as Locale
     const t = getTranslations(locale)
@@ -483,7 +485,7 @@ export function WinnersReveal() {
 
                     {/* Header - More compact */}
                     <div className="flex flex-col items-center relative z-10 text-center mb-6 md:mb-10 animate-in slide-in-from-top-8 duration-700 w-full">
-                        <Link href={`/${locale}/dashboard`}>
+                        <Link href={user ? `/${locale}/dashboard` : `/${locale}`}>
                             <div className="w-[50vw] max-w-[600px] mb-4 cursor-pointer hover:opacity-80 transition-opacity">
                                 <img src="/images/hackitba-alt-logo.png" alt="HackITBA" />
                             </div>

components/sections/hero.tsx

@@ -39,16 +39,13 @@ export function Hero({ translations, locale }: HeroProps) {
             </NeonGlow>
           </h1>
           <p className="font-pixel text-lg md:text-xl text-brand-yellow">{translations.hero.subtitle}</p>
-          {!loading && !user && (
-            signupEnabled ? (
-              <Link href={`/${locale}/auth/signup`} className="duration-200 ease-in-out transition-colors hover:text-brand-orange hover:border-brand-orange hover:bg-brand-orange/10 mt-6 inline-flex items-center gap-2 rounded-lg border border-brand-cyan/40 bg-brand-navy/60 px-4 py-2 font-pixel text-sm md:text-sm text-brand-cyan">
-                {translations.hero.signupOpen}
-              </Link>
-            ) : (
-              <span className="duration-200 ease-in-out mt-6 inline-flex items-center gap-2 rounded-lg border border-brand-cyan/40 bg-brand-navy/60 px-4 py-2 font-pixel text-xs md:text-sm text-brand-cyan opacity-60">
-                {translations.hero.signupClosed}
-              </span>
-            )
+          {!loading && (
+            <Link
+              href={`/${locale}/dashboard/winners-reveal`}
+              className="duration-200 ease-in-out mt-6 inline-flex items-center gap-2 rounded-lg border border-brand-cyan/60 bg-brand-navy/60 px-4 py-2 font-pixel text-xs md:text-sm text-brand-cyan hover:bg-brand-cyan/10 hover:border-brand-cyan hover:opacity-100 transition-all"
+            >
+              {translations.hero.seeWinners}
+            </Link>
           )}
         </div>
       </div>

lib/i18n/translations.json

@@ -45,7 +45,8 @@
       "title": "HACKITBA",
       "subtitle": "By Computer Society ITBA",
       "signupOpen": "Registrations are open!",
-      "signupClosed": "Registrations are closed."
+      "signupClosed": "Registrations are closed.",
+      "seeWinners": "Check out the 2026 winning teams"
     },
     "stats": {
       "categories": "Categories",
@@ -891,7 +892,8 @@
       "title": "HACKITBA",
       "subtitle": "By Computer Society ITBA",
       "signupOpen": "¡Las inscripciones están abiertas!",
-      "signupClosed": "Las inscripciones están cerradas."
+      "signupClosed": "Las inscripciones están cerradas.",
+      "seeWinners": "Mirá los equipos ganadores de 2026"
     },
     "stats": {
       "categories": "Categorías",