fixed the map, made it so the map is scrollable and synced the timing between the admin page and map page. They now share the same elapsed time. need to fix map css for altering the svg.

Grey = cant click
Red = current
Green = complete
blue = skipped?

Need to add Clue page Need to fix Leaderboard.

app/api/clues/route.js

@@ -1,127 +1,63 @@
-import { query, queryOne, run } from "@/lib/db";
-import { cookies } from "next/headers";
-import { verifyToken } from "@/app/api/auth/[...nextauth]/route";
+import { query, queryOne } from "@/lib/db";
+import { getToken } from "next-auth/jwt";
 
 export const dynamic = "force-dynamic"; // Disable caching
 
-// Helper function to ensure the clues table exists
-async function ensureCluesTableExists() {
-  try {
-    await run(`
-      CREATE TABLE IF NOT EXISTS clues (
-        id INTEGER PRIMARY KEY AUTOINCREMENT,
-        title TEXT NOT NULL,
-        description TEXT NOT NULL,
-        location TEXT,
-        created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
-      )
-    `);
-    return true;
-  } catch (error) {
-    console.error("Error ensuring clues table exists:", error);
-    return false;
-  }
-}
-
-// Helper function to extract numeric value from clue title
-function extractClueNumber(title) {
-  // Look for patterns like "Clue 1", "Clue 10", etc.
-  const match = title.match(/Clue\s+(\d+)/i);
-  // If we find a match, return the number, otherwise return Infinity (to sort to the end)
-  return match ? parseInt(match[1], 10) : Infinity;
-}
-
-// GET endpoint to retrieve all clues
 export async function GET(request) {
   try {
-    // First check if the hunt is active
-    const huntActiveSetting = await queryOne(
-      "SELECT value FROM settings WHERE key = 'hunt_active'"
-    );
-    const huntActive = huntActiveSetting && huntActiveSetting.value === "true";
+    const token = await getToken({
+      req: request,
+      secret:
+        process.env.NEXTAUTH_SECRET ||
+        "your-fallback-secret-should-be-at-least-32-chars",
+    });
 
-    // If hunt is active, allow access without authentication
-    if (!huntActive) {
-      // Only verify authentication when hunt is not active
-      const cookieStore = await cookies();
-      const sessionToken =
-        cookieStore.get("next-auth.session-token")?.value ||
-        cookieStore.get("__Secure-next-auth.session-token")?.value;
-
-      if (!sessionToken) {
-        return Response.json(
-          { error: "Unauthorized", clues: [] },
-          { status: 401, headers: { "Content-Type": "application/json" } }
-        );
-      }
-
-      const userData = verifyToken(sessionToken);
-      if (!userData) {
-        return Response.json(
-          { error: "Invalid session", clues: [] },
-          { status: 401, headers: { "Content-Type": "application/json" } }
-        );
-      }
-
-      // Admin can see clues even if hunt is not active
-      if (userData.role !== "admin") {
-        return Response.json(
-          { error: "Hunt is not active", clues: [] },
-          { headers: { "Content-Type": "application/json" } }
-        );
-      }
+    if (!token) {
+      return Response.json({ error: "Unauthorized" }, { status: 401 });
     }
 
-    // Ensure the clues table exists
-    await ensureCluesTableExists();
-
-    // Fetch all clues without sorting in SQL
-    const clues = await query("SELECT * FROM clues");
-
-    // If no clues are found, insert sample clues (for testing purposes)
-    if (!clues || clues.length === 0) {
-      // Insert sample clues
-      await run(
-        "INSERT INTO clues (title, description, location) VALUES (?, ?, ?)",
-        ["Clue 1", "This is the first clue description", "Location 1"]
-      );
-      await run(
-        "INSERT INTO clues (title, description, location) VALUES (?, ?, ?)",
-        ["Clue 2", "This is the second clue description", "Location 2"]
-      );
-      await run(
-        "INSERT INTO clues (title, description, location) VALUES (?, ?, ?)",
-        ["Clue 3", "This is the final clue description", "Location 3"]
-      );
-
-      // Fetch the inserted clues
-      const sampleClues = await query("SELECT * FROM clues");
-
-      // Sort clues based on numbering in title
-      sampleClues.sort(
-        (a, b) => extractClueNumber(a.title) - extractClueNumber(b.title)
-      );
-
+    // Check if user has a team
+    if (!token.teamId) {
       return Response.json(
-        { clues: sampleClues },
-        { headers: { "Content-Type": "application/json" } }
+        { error: "You must be part of a team to view clues" },
+        { status: 403 }
       );
     }
 
-    // Sort clues based on numbering in title
-    clues.sort(
-      (a, b) => extractClueNumber(a.title) - extractClueNumber(b.title)
+    // Get all clues
+    const clues = await query(`
+      SELECT id, title, description, location, x_coord, y_coord 
+      FROM clues 
+      ORDER BY id ASC
+    `);
+
+    // For each clue, check if the team has found it
+    const cluesWithStatus = await Promise.all(
+      clues.map(async (clue) => {
+        const found = await queryOne(
+          "SELECT 1 FROM team_clues WHERE team_id = ? AND clue_id = ?",
+          [token.teamId, clue.id]
+        );
+
+        return {
+          ...clue,
+          found: !!found,
+        };
+      })
     );
 
-    return Response.json(
-      { clues },
-      { headers: { "Content-Type": "application/json" } }
-    );
+    return Response.json(cluesWithStatus, {
+      headers: {
+        "Cache-Control": "no-store, no-cache, must-revalidate",
+        Pragma: "no-cache",
+        Expires: "0",
+      },
+    });
   } catch (error) {
     console.error("Error fetching clues:", error);
     return Response.json(
-      { error: "Failed to fetch clues: " + error.message, clues: [] },
-      { status: 500, headers: { "Content-Type": "application/json" } }
+      { error: "Failed to fetch clues: " + error.message },
+      { status: 500 }
     );
   }
 }