feat(auth): add frontend auth check for admin dashboard page.

Author: shr3yas-k

backend/src/index.ts

@@ -18,7 +18,7 @@ import { client, db } from "./drizzle/db";
 import { users } from "./drizzle/schema";
 import { eq } from "drizzle-orm";
 import { startCronJobs } from "./cron";
-import {cruxMembers} from "./middlewares/auth.ts"
+import {cruxMembers} from "./middlewares/auth"
 import {
   fetchContests,
   fetchProblems,
@@ -118,10 +118,14 @@ passport.deserializeUser(async (userId: string, done) => {
       .then((rows) => rows[0]);
 
     if (user) {
-      user.isCruxMember = cruxMembers.has(user.id);
+      const userwithisCruxMemberProperty= {
+        ...user,
+        isCruxMember: cruxMembers.has(user.cfHandle ?? ''), 
+      };
+      
+      return done(null, userwithisCruxMemberProperty);
     }
-
-    done(null, user);
+    done(null, null);
   } catch (error) {
     console.error("Error deserializing user:", error);
     done(new Error("Could not deserialize user"), null);

backend/src/middlewares/auth.ts

@@ -13,13 +13,14 @@ export function requireAuth(req: Request, res: Response, next: NextFunction) {
   next();
 }
 
-const cruxMembers = new Set<string>([
+export const cruxMembers = new Set<string>([
   "cwswastik",
   "Rittin_Sehgal",
   "manjot1151",
   "aten2005",
   "Yash_Kejriwal",
   "Ellufino",
+  "chicubed",
 ]);
 
 export const requireCruxMember: RequestHandler = async (

frontend/src/routes/events/$slug/admin.tsx

@@ -1,12 +1,12 @@
 import React, { useState, useEffect, useCallback } from 'react';
-import { createFileRoute } from '@tanstack/react-router';
+import { createFileRoute, useParams, Navigate } from '@tanstack/react-router';
 import axios from 'axios';
 import { 
   Trash2, Pencil, Users, UserPlus, Trophy, Mail, CheckCircle, History, RefreshCw 
 } from 'lucide-react';
-import { useParams } from '@tanstack/react-router'
 
-const emailRegex = /^f\d{8}@hyderabad\.bits-pilani\.ac\.in$/;
+import { useAuth } from "../../../context/AuthContext.tsx";
+
 interface GroupMember {
   email: string;
   participantId: number;
@@ -25,13 +25,29 @@ interface PastContest {
   duration: string;
 }
 
+const emailRegex = /^f\d{8}@hyderabad\.bits-pilani\.ac\.in$/;
 const scrollbar = "[&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:bg-slate-700 [&::-webkit-scrollbar-thumb]:rounded-full";
 
 export const Route = createFileRoute('/events/$slug/admin')({
   component: AdminEventsComponent,
 });
 
 function AdminEventsComponent() {
+  const { user, loading } = useAuth();
+
+  if (loading) {
+    return (
+      <div className="min-h-screen flex items-center justify-center bg-slate-900 text-slate-300">
+        Loading admin dashboard...
+      </div>
+    );
+  }
+
+  // Kick out non crux guys
+  if (!user || !user.isCruxMember) {
+    return <Navigate to="/events" replace />; 
+  }
+
   const [contestId, setContestId] = useState('');
   const [isContestSaved, setIsContestSaved] = useState(false);