edit of teamID page

using a long-wave format to fix issue with repeating patterns not lining up.
This commit is contained in:
bobbert committed 2025-03-23 17:16:20 +00:00
1 parent 6ecbe78718
commit 4d67951956
10 files changed
+286 -219

No files matched your search

+131 -112
View File
@@ -3,11 +3,9 @@ import { useState, useEffect, useCallback } from "react";
import { useSession } from "next-auth/react";
import { useRouter } from "next/navigation";
import Link from "next/link";
import { use } from "react"; // Add this import for React.use()
import { use } from "react";
import NavBar from "@/components/NavBar";
import { getHuntTimer } from "@/utils/timerService";
// Remove the CSS module import
// import styles from "./teamId.module.css";
export default function TeamPage({ params }) {
const { status, data: session } = useSession();
@@ -19,11 +17,9 @@ export default function TeamPage({ params }) {
const [huntInProgress, setHuntInProgress] = useState(false);
const router = useRouter();
// Unwrap the params Promise using React.use()
const unwrappedParams = use(params);
const teamId = unwrappedParams.teamId;
// Add a function to check if the hunt has been activated by admin
const checkHuntStatus = useCallback(async () => {
try {
const response = await fetch("/api/hunt-status", {
@@ -47,7 +43,6 @@ export default function TeamPage({ params }) {
throw new Error("Invalid team ID");
}
// First check if the user is still part of this team by fetching current user data
const userResponse = await fetch("/api/user", {
method: "GET",
headers: {
@@ -59,7 +54,6 @@ export default function TeamPage({ params }) {
const userData = await userResponse.json();
// If the user is not in this team anymore, redirect to team selection
if (!userData.teamId || userData.teamId != teamId) {
console.log("User no longer in team, redirecting to team selection");
window.location.href = "/team-selection";
@@ -68,7 +62,6 @@ export default function TeamPage({ params }) {
console.log("Fetching team data for team ID:", teamId);
// Add timestamp to URL to ensure fresh data on every request
const timestamp = new Date().getTime();
const response = await fetch(`/api/teams/${teamId}?_t=${timestamp}`, {
method: "GET",
@@ -106,12 +99,10 @@ export default function TeamPage({ params }) {
setTeamMembers(data.members || []);
setError("");
// Check hunt status whenever we fetch team data
await checkHuntStatus();
} catch (err) {
console.error("Team page error:", err);
setError(err.message);
// If we get a 401 error, redirect to login
if (err.message.includes("401")) {
router.push("/login");
}
@@ -121,15 +112,12 @@ export default function TeamPage({ params }) {
}, [teamId, router, checkHuntStatus]);
useEffect(() => {
// Only attempt to fetch data when session is ready and we have a teamId
if (status === "authenticated" && teamId) {
console.log("Session authenticated, fetching team data");
fetchTeamData();
// Use a shorter interval (3 seconds) for more responsive updates
const refreshInterval = setInterval(fetchTeamData, 3000);
// Clean up the interval when component unmounts
return () => clearInterval(refreshInterval);
} else if (status === "unauthenticated") {
console.log("User not authenticated, redirecting to login");
@@ -137,9 +125,7 @@ export default function TeamPage({ params }) {
}
}, [teamId, status, fetchTeamData, router]);
// Check if hunt is already in progress on component mount
useEffect(() => {
// Get timer data and check if a hunt has already been started
const timerData = getHuntTimer();
setHuntInProgress(timerData && timerData.startTime);
}, []);
@@ -190,26 +176,36 @@ export default function TeamPage({ params }) {
</div>
</div>
<div className="members-container">
<h2 className="members-title">Team Members</h2>
<div className="content-wrapper">
<div className="waves-container">
<img src="/images/Waves.svg" alt="Waves" className="waves-image" />
</div>
{teamMembers.length > 0 ? (
<div className="members-list">
{teamMembers.map((member) => (
<div key={member.id} className="member-card">
<div className="member-avatar">👤</div>
<div className="member-details">
<div className="member-name">
{member.username}
{member.id === session?.user?.id && " (You)"}
</div>
<div className="scroll-background">
<div className="members-container">
<h2 className="members-title">Team Members</h2>
<div className="members-content">
{teamMembers.length > 0 ? (
<div className="members-list">
{teamMembers.map((member) => (
<div key={member.id} className="member-card">
<div className="member-avatar">👤</div>
<div className="member-details">
<div className="member-name">
{member.username}
{member.id === session?.user?.id && " (You)"}
</div>
</div>
</div>
))}
</div>
</div>
))}
) : (
<div className="empty-state">No team members found</div>
)}
</div>
</div>
) : (
<div className="empty-state">No team members found</div>
)}
</div>
</div>
<div className="team-actions">
@@ -226,14 +222,9 @@ export default function TeamPage({ params }) {
});
if (response.ok) {
// Immediately remove team data from all storage
localStorage.removeItem("teamData");
sessionStorage.removeItem("teamData");
// Set a flag so we know the user has left this team
localStorage.setItem("userLeftTeam", "true");
// Force redirect to team selection
window.location.href = "/team-selection";
} else {
const errorData = await response.json();
@@ -249,7 +240,6 @@ export default function TeamPage({ params }) {
Leave Team
</button>
{/* New Start Hunt button with conditional behavior */}
<button
className="action-button start-button"
onClick={handleStartHunt}
@@ -258,7 +248,6 @@ export default function TeamPage({ params }) {
</button>
</div>
{/* Replace the outdated navbar with the correct one */}
<NavBar activeLink="team" teamData={team} />
<style jsx>{`
@@ -266,12 +255,43 @@ export default function TeamPage({ params }) {
display: flex;
flex-direction: column;
min-height: 100vh;
background-color: #f4f4f4;
background-color: #69b5a8;
font-family: Arial, sans-serif;
position: relative;
overflow-x: hidden; /* Prevent horizontal scroll */
overflow-x: hidden;
width: 100%;
padding-bottom: 70px; /* Add padding to accommodate fixed navbar */
padding-bottom: 70px;
}
.content-wrapper {
position: relative;
flex: 1;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: calc(100vh - 140px); /* Account for header and footer */
}
.waves-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 120px;
overflow: hidden;
z-index: 1;
}
.waves-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
}
.team-banner {
@@ -284,12 +304,13 @@ export default function TeamPage({ params }) {
position: relative;
display: flex;
align-items: center;
z-index: 3;
}
.team-info {
flex: 1;
display: flex;
justify-content: space-between; /* This spreads items to opposite ends */
justify-content: space-between;
align-items: center;
}
@@ -297,62 +318,112 @@ export default function TeamPage({ params }) {
margin: 0;
font-size: 24px;
font-weight: bold;
color: white; /* Explicitly setting color to white */
color: white;
}
.team-code {
font-size: 24px;
font-weight: bold;
color: white; /* Ensuring team code is also white */
margin-left: auto; /* Pushes the code to the right */
color: white;
margin-left: auto;
}
.scroll-background {
background-image: url("/images/scroll.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin: 20px;
flex: 1;
display: flex;
flex-direction: column;
position: relative;
z-index: 2;
padding: 60px 20px 80px 20px;
height: calc(100% - 40px);
max-height: 100%;
width: 80vw;
max-width: 450px;
}
.members-container {
padding: 20px;
flex: 1;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
.members-title {
font-size: 18px;
font-size: 20px;
font-weight: bold;
margin-bottom: 15px;
color: #333;
color: #fff;
text-align: center;
margin-top: -46px;
}
.members-content {
flex: 1;
overflow-y: auto;
padding: 10px;
max-height: 100%;
}
.members-list {
display: flex;
flex-direction: column;
gap: 10px;
gap: 8px;
width: 100%;
align-items: center;
}
.member-card {
background-color: white;
border-radius: 8px;
padding: 15px;
border-radius: 6px;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
border: 2px solid #68543c; /* Add 2px thick border with the same brown color as banner */
border: 1px solid #68543c;
width: 100%;
max-width: 320px;
margin: 0 auto 8px auto;
}
.member-avatar {
font-size: 24px;
margin-right: 15px;
font-size: 20px;
margin-right: 12px;
}
.member-name {
font-weight: 600;
font-size: 14px;
text-align: center;
}
.empty-state {
text-align: center;
padding: 30px;
padding: 20px;
color: #888;
width: 80%;
max-width: 400px;
background-color: rgba(255, 255, 255, 0.7);
border-radius: 8px;
margin: 0 auto;
font-size: 14px;
}
.team-actions {
display: flex;
gap: 10px;
padding: 20px;
padding: 10px 20px;
position: relative;
bottom: 0;
left: 0;
right: 0;
z-index: 3;
margin-top: 15px;
}
.action-button {
@@ -362,6 +433,7 @@ export default function TeamPage({ params }) {
border-radius: 8px;
font-weight: bold;
cursor: pointer;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.leave-button {
@@ -374,60 +446,6 @@ export default function TeamPage({ params }) {
color: white;
}
.nav-bar {
display: flex;
justify-content: space-around;
background-color: white;
border-top: 1px solid #ddd;
padding: 10px 0;
position: fixed; /* Fix the navbar at the bottom */
bottom: 0;
left: 0;
width: 100%; /* Use 100% instead of 100vw to prevent overflow issues */
box-sizing: border-box; /* Include padding in width calculation */
z-index: 100; /* Ensure navbar is above other content */
margin: 0; /* Remove any margin that might be causing the gap */
}
.nav-item {
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
color: #666;
flex: 1;
padding: 8px 0;
max-width: 25%; /* Ensure each item takes up equal space */
}
.nav-item.active {
color: #68543c;
}
.nav-icon {
font-size: 22px;
margin-bottom: 3px;
}
.nav-label {
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
text-align: center;
}
/* Responsive adjustments for smaller screens */
@media (max-width: 375px) {
.nav-icon {
font-size: 20px;
}
.nav-label {
font-size: 10px;
}
}
.loading-container,
.error-container {
display: flex;
@@ -461,6 +479,7 @@ export default function TeamPage({ params }) {
.error-icon {
font-size: 48px;
margin-bottom: 20px;
color: #d32f2f;
}
.error-message {
+5 -42
View File
@@ -10,7 +10,6 @@ import {
import Link from "next/link";
import dynamic from "next/dynamic";
import { use } from "react";
// Add missing import for NavBar component
import NavBar from "@/components/NavBar";
// Dynamically import the QR scanner component with no SSR
@@ -23,7 +22,6 @@ const EnhancedQRScanner = dynamic(
);
export default function CluePage({ params }) {
// Unwrap params properly using use() from React
const unwrappedParams = use(params);
const clueId = unwrappedParams.clueId;
@@ -34,7 +32,7 @@ export default function CluePage({ params }) {
const [scanMessage, setScanMessage] = useState(null);
const [lastRefresh, setLastRefresh] = useState(0);
const [clueFound, setClueFound] = useState(false);
const [clueSkipped, setClueSkipped] = useState(false); // Add state for skipped status
const [clueSkipped, setClueSkipped] = useState(false);
const [allClues, setAllClues] = useState([]);
const [nextClueId, setNextClueId] = useState(null);
const [nextClueAvailable, setNextClueAvailable] = useState(false);
@@ -49,18 +47,15 @@ export default function CluePage({ params }) {
const notificationTimeoutRef = useRef(null);
const navErrorTimeoutRef = useRef(null);
const timerIdRef = useRef(null);
const timerInitializedRef = useRef(false); // Add this ref to track if timer is already initialized
const timerInitializedRef = useRef(false);
// Check if user is admin
const isAdmin = session?.user?.role === "admin";
// This effect handles authentication and initial clue data fetch
useEffect(() => {
let isMounted = true;
const now = Date.now();
const minRefreshInterval = isAdmin ? 30000 : 10000;
// Skip if we refreshed too recently and this isn't the first load
if (loading === false && now - lastRefresh < minRefreshInterval) {
return;
}
@@ -74,7 +69,6 @@ export default function CluePage({ params }) {
return;
}
// Fetch all clues to get navigation context
const fetchAllClues = async () => {
try {
const response = await fetch("/api/clues");
@@ -84,12 +78,11 @@ export default function CluePage({ params }) {
if (isMounted) {
setAllClues(data);
// Find next clue for navigation
const currentIndex = data.findIndex((c) => c.id === parseInt(clueId));
if (currentIndex !== -1 && currentIndex < data.length - 1) {
const nextClue = data[currentIndex + 1];
setNextClueId(nextClue.id);
// Set if the next clue is available (already found or is the next unfound clue)
setNextClueAvailable(nextClue.found || nextClue.available);
}
}
@@ -100,13 +93,11 @@ export default function CluePage({ params }) {
}
};
// Fetch current clue details
async function fetchClue() {
try {
setLoading(true);
await fetchAllClues();
// Add timestamp to avoid browser caching
const timestamp = Date.now();
const response = await fetch(`/api/clues/${clueId}?t=${timestamp}`, {
method: "GET",
@@ -130,7 +121,7 @@ export default function CluePage({ params }) {
if (isMounted) {
setClue(data);
setClueFound(data.found);
setClueSkipped(data.skipped); // Set skipped status from API response
setClueSkipped(data.skipped);
setLoading(false);
setLastRefresh(Date.now());
}
@@ -150,19 +141,12 @@ export default function CluePage({ params }) {
};
}, [clueId, router, status, lastRefresh, loading, isAdmin]);
// Add a new effect to check hunt status periodically
useEffect(() => {
// Check hunt status every 5 seconds
const checkHuntStatus = async () => {
try {
// First check locally if timer indicates hunt has ended
const timerData = getHuntTimer();
let isActive = timerData?.isActive ?? true;
// Only make API call if local data suggests the hunt is active
// This reduces unnecessary API calls
if (isActive) {
// Also sync with server occasionally
const result = await syncTimerWithServer();
if (result.success) {
@@ -170,26 +154,21 @@ export default function CluePage({ params }) {
}
}
// Update hunt active state
setHuntActive(isActive);
// If hunt was active before but is not active now, it just ended
if (previousHuntState && !isActive) {
console.log("Hunt has ended! Redirecting to leaderboard...");
router.push("/leaderboard?huntEnded=true");
}
// Update previous state for next comparison
setPreviousHuntState(isActive);
} catch (err) {
console.error("Error checking hunt status:", err);
}
};
// Check immediately on mount and after any hunt state change
checkHuntStatus();
// Also set up interval for periodic checks
const intervalId = setInterval(checkHuntStatus, 5000);
return () => {
@@ -197,16 +176,13 @@ export default function CluePage({ params }) {
};
}, [router, previousHuntState]);
// Function to ensure we have timer data from the server - only if needed
async function fetchTeamHuntStartTime() {
try {
// First try to get any existing timer data
const timerData = getHuntTimer();
if (timerData && timerData.startTime) {
return true;
}
// If no timer data exists, sync with server
console.log("No timer data found, syncing with server...");
const result = await syncTimerWithServer();
return result.success;
@@ -216,37 +192,29 @@ export default function CluePage({ params }) {
}
}
// Updated timer effect with protection against multiple initializations
useEffect(() => {
// Prevent multiple initializations of the timer
if (timerInitializedRef.current) {
return;
}
// Initialize timer
async function initializeTimer() {
// First ensure we have timer data
await fetchTeamHuntStartTime();
// Set up timer updates if not already set
if (!timerIdRef.current) {
const updateTimer = () => {
const timerData = getHuntTimer();
if (timerData && timerData.startTime) {
setElapsedTime(formatElapsedTime(timerData.startTime));
// Check if timer has ended (if there's an endTime)
if (timerData.endTime) {
const now = Date.now();
const endTime = new Date(timerData.endTime).getTime();
// If current time is past the end time, hunt has ended
if (now >= endTime) {
setHuntActive(false);
clearInterval(timerIdRef.current);
timerIdRef.current = null;
// Redirect to leaderboard with huntEnded flag
console.log(
"Hunt end time reached! Redirecting to leaderboard..."
);
@@ -256,10 +224,8 @@ export default function CluePage({ params }) {
}
};
// Initial update
updateTimer();
// Update every second
timerIdRef.current = setInterval(updateTimer, 1000);
timerInitializedRef.current = true;
}
@@ -267,7 +233,6 @@ export default function CluePage({ params }) {
initializeTimer();
// Clean up interval on unmount
return () => {
if (timerIdRef.current) {
clearInterval(timerIdRef.current);
@@ -275,11 +240,9 @@ export default function CluePage({ params }) {
timerInitializedRef.current = false;
}
};
}, [router]); // Only depend on router
}, [router]);
// Make sure hunt status check doesn't interfere with the timer
useEffect(() => {
// This function should NOT reset the timer or recreate it
async function checkHuntStatus() {
try {
const response = await fetch("/api/hunt-status", {
+3 -56
View File
@@ -1,4 +1,3 @@
/* eslint-disable @next/next/no-img-element */
"use client";
import { useState, useEffect, useRef, useCallback } from "react";
import { useSession } from "next-auth/react";
@@ -26,12 +25,9 @@ export default function MapPage() {
const router = useRouter();
const isMounted = useRef(true);
// Add local state for hunt active status
const [huntActive, setHuntActive] = useState(null);
// Add previous hunt state to detect when hunt ends
const [previousHuntState, setPreviousHuntState] = useState(null);
// Use useCallback for functions called in useEffect to avoid dependency issues
const softRedirect = useCallback(
(url) => {
if (isMounted.current) {
@@ -41,12 +37,10 @@ export default function MapPage() {
[router]
);
// Hard redirect function (for when a full page reload is needed)
const hardRedirect = useCallback((url) => {
window.location.href = url;
}, []);
// Enhanced fetchTeamData function
const fetchTeamData = useCallback(async () => {
try {
const response = await fetch("/api/user/team", {
@@ -84,7 +78,6 @@ export default function MapPage() {
}
}, [softRedirect]);
// Fetch all clues with their status
const fetchClues = useCallback(async () => {
try {
const response = await fetch("/api/clues", {
@@ -98,7 +91,6 @@ export default function MapPage() {
});
if (!response.ok) {
// Extract the error message from the response if possible
const errorData = await response.json().catch(() => ({}));
console.error("API response details:", {
status: response.status,
@@ -114,10 +106,7 @@ export default function MapPage() {
const data = await response.json();
// Process the clues to determine which are available
// A clue is available if it's either found already or the next in sequence
const processedClues = data.map((clue) => {
// The API now returns clues with availability already determined
return {
...clue,
available: clue.available || clue.found || clue.skipped,
@@ -125,17 +114,16 @@ export default function MapPage() {
});
setClues(processedClues);
setLoading(false); // Set loading to false after clues are fetched
setLoading(false);
return processedClues;
} catch (err) {
console.error("Failed to fetch clues:", err);
setError(err.message); // Make sure we set the error state
setError(err.message);
setLoading(false);
return [];
}
}, []);
// Handle clue button click
const handleClueClick = useCallback(
(clueId, isAvailable, isFound) => {
if (isFound || isAvailable) {
@@ -147,27 +135,23 @@ export default function MapPage() {
[router]
);
// Size and position the overlay to match the map image
const setupOverlay = useCallback(() => {
const overlay = document.getElementById("map-overlay-container");
const mapImg = document.getElementById("treasure-map-img");
if (overlay && mapImg) {
// Wait for the image to load to get its dimensions
mapImg.onload = () => {
const mapRect = mapImg.getBoundingClientRect();
overlay.style.width = `${mapRect.width}px`;
overlay.style.height = `${mapRect.height}px`;
};
// Handle resize events
const resizeOverlay = () => {
const mapRect = mapImg.getBoundingClientRect();
overlay.style.width = `${mapRect.width}px`;
overlay.style.height = `${mapRect.height}px`;
};
// Initial resize and listen for window resize
setTimeout(resizeOverlay, 300);
window.addEventListener("resize", resizeOverlay);
@@ -177,7 +161,6 @@ export default function MapPage() {
}
}, []);
// Add this useEffect to coordinate loading the map and clues
useEffect(() => {
if (status === "authenticated") {
fetchClues();
@@ -186,20 +169,17 @@ export default function MapPage() {
softRedirect("/login");
}
// Setup cleanup function for component unmount
return () => {
isMounted.current = false;
};
}, [status, fetchClues, fetchTeamData, softRedirect]);
// Setup the overlay when the component is mounted
useEffect(() => {
if (!loading && clues.length > 0) {
return setupOverlay();
}
}, [loading, clues.length, setupOverlay]);
// Function to check hunt status and timer
async function checkHuntAndTimer() {
try {
const response = await fetch("/api/hunt-status", {
@@ -216,13 +196,11 @@ export default function MapPage() {
const data = await response.json();
setHuntActive(data.active);
// If hunt is inactive, redirect to waiting page
if (data.active === false) {
router.push("/waiting");
return;
}
// If hunt is active, ensure we have timer data
if (data.active && data.startTime) {
setHuntTimer(data.startTime);
}
@@ -232,16 +210,13 @@ export default function MapPage() {
}
}
// Add this function before it's used in initializeTimer
async function fetchTeamHuntStartTime() {
try {
// First try to get any existing timer data
const timerData = getHuntTimer();
if (timerData && timerData.startTime) {
return true;
}
// If no timer data exists, sync with server
const result = await syncTimerWithServer();
return result.success;
} catch (err) {
@@ -250,16 +225,12 @@ export default function MapPage() {
}
}
// Use team hunt start time for elapsed time calculation
useEffect(() => {
let timerId;
// Initialize timer
async function initializeTimer() {
// First ensure we have timer data
await fetchTeamHuntStartTime();
// Set up timer updates
const updateTimer = () => {
const timerData = getHuntTimer();
if (timerData && timerData.startTime) {
@@ -267,27 +238,21 @@ export default function MapPage() {
}
};
// Initial update
updateTimer();
// Update every second
timerId = setInterval(updateTimer, 1000);
}
initializeTimer();
// Clean up interval on unmount
return () => {
if (timerId) clearInterval(timerId);
};
}, []);
// Check hunt status every 10 seconds to ensure immediate updates
useEffect(() => {
// Initial check
checkHuntAndTimer();
// Set up interval to check hunt status
const huntStatusInterval = setInterval(checkHuntAndTimer, 10000);
return () => {
@@ -295,22 +260,18 @@ export default function MapPage() {
};
}, [softRedirect, hardRedirect]);
// Add useEffect to load team data
useEffect(() => {
if (status === "authenticated") {
fetchTeamData();
}
}, [status, fetchTeamData]);
// Add this useEffect to detect when hunt ends
useEffect(() => {
// If previous state was active but current state is not active, the hunt just ended
if (previousHuntState === true && huntActive === false) {
console.log("Hunt has ended! Redirecting to leaderboard...");
router.push("/leaderboard?huntEnded=true");
}
// Update previous state after checking
setPreviousHuntState(huntActive);
}, [huntActive, previousHuntState, router]);
@@ -323,11 +284,7 @@ export default function MapPage() {
);
}
// Remove or modify this conditional block since we're now handling hunt ending differently
// Instead of showing an error message, we'll redirect in the useEffect
if (huntActive === false && previousHuntState === null) {
// Only show this if we just landed on the page and hunt is inactive
// (not when the hunt just ended)
return (
<div className={styles["map-error"]}>
<h2>Hunt Not Active</h2>
@@ -359,7 +316,6 @@ export default function MapPage() {
);
}
// Function to determine clue button class based on status
const getClueButtonClass = (clue) => {
if (clue.found) return `${styles["clue-button"]} ${styles["clue-found"]}`;
if (clue.skipped)
@@ -369,12 +325,10 @@ export default function MapPage() {
return `${styles["clue-button"]} ${styles["clue-locked"]}`;
};
// Get the first clue if it exists
const firstClue = clues.length > 0 ? clues[0] : null;
// Render a clue button only if the clue exists
const renderClueButton = (index, position) => {
if (index >= clues.length) return null; // Don't render if clue doesn't exist
if (index >= clues.length) return null;
const clue = clues[index];
return (
@@ -392,7 +346,6 @@ export default function MapPage() {
return (
<div className={styles["map-page"]}>
{/* Map Banner with team info and timer */}
<div className={styles["map-banner"]}>
<div className={styles["team-name"]}>
Team Name: {teamData?.team?.name || "Loading..."}
@@ -403,10 +356,8 @@ export default function MapPage() {
<div className={styles["team-code"]}>{teamData?.team?.code || ""}</div>
</div>
{/* Main map content area */}
<div className={styles["map-container"]} ref={mapContainerRef}>
<div className={styles["treasure-map"]}>
{/* Simpler map implementation using an img element */}
<div className={styles["map-image-container"]}>
<img
id="treasure-map-img"
@@ -416,7 +367,6 @@ export default function MapPage() {
/>
<div id="map-overlay-container" className={styles["map-overlay"]}>
{/* Render clue buttons conditionally */}
{renderClueButton(0, { left: "230px", top: "212px" })}
{renderClueButton(1, { left: "320px", top: "285px" })}
{renderClueButton(2, { left: "265px", top: "400px" })}
@@ -437,14 +387,11 @@ export default function MapPage() {
{renderClueButton(17, { left: "275px", top: "1885px" })}
{renderClueButton(18, { left: "362px", top: "1917px" })}
{renderClueButton(19, { left: "300px", top: "2040px" })}
{/* Additional clue buttons can be added here when needed */}
</div>
</div>
</div>
</div>
{/* Replace hardcoded navbar with NavBar component */}
<NavBar activeLink="map" teamData={teamData?.team} />
</div>
);
+5 -2
View File
@@ -479,9 +479,11 @@ export default function TeamPage({ params }) {
padding: 15px;
display: flex;
align-items: center;
justify-content: center; /* Center content horizontally */
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
width: 80vw;
max-width: 500px;
width: calc(80vw - 8px); /* Reduce width by 8px */
max-width: 492px; /* Reduced from 500px by 8px */
margin: 0 auto; /* Center the card */
}
.member-avatar {
@@ -491,6 +493,7 @@ export default function TeamPage({ params }) {
.member-name {
font-weight: 600;
text-align: center; /* Center the text */
}
.empty-state {
+37
View File
@@ -0,0 +1,37 @@
<svg width="5270" height="217" viewBox="0 0 5270 217" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect x="2579" width="715" height="217" fill="url(#pattern0_310_175)"/>
<rect x="3243" width="715" height="217" fill="url(#pattern1_310_175)"/>
<rect x="3903" width="715" height="217" fill="url(#pattern2_310_175)"/>
<rect x="4555" width="715" height="217" fill="url(#pattern3_310_175)"/>
<rect width="715" height="217" fill="url(#pattern4_310_175)"/>
<rect x="664" width="715" height="217" fill="url(#pattern5_310_175)"/>
<rect x="1324" width="715" height="217" fill="url(#pattern6_310_175)"/>
<rect x="1976" width="715" height="217" fill="url(#pattern7_310_175)"/>
<defs>
<pattern id="pattern0_310_175" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_310_175" transform="matrix(0.000520833 0 0 0.00171611 0 -0.000246016)"/>
</pattern>
<pattern id="pattern1_310_175" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_310_175" transform="matrix(0.000520833 0 0 0.00171611 0 -0.000246016)"/>
</pattern>
<pattern id="pattern2_310_175" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_310_175" transform="matrix(0.000520833 0 0 0.00171611 0 -0.000246016)"/>
</pattern>
<pattern id="pattern3_310_175" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_310_175" transform="matrix(0.000520833 0 0 0.00171611 0 -0.000246016)"/>
</pattern>
<pattern id="pattern4_310_175" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_310_175" transform="matrix(0.000520833 0 0 0.00171611 0 -0.000246016)"/>
</pattern>
<pattern id="pattern5_310_175" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_310_175" transform="matrix(0.000520833 0 0 0.00171611 0 -0.000246016)"/>
</pattern>
<pattern id="pattern6_310_175" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_310_175" transform="matrix(0.000520833 0 0 0.00171611 0 -0.000246016)"/>
</pattern>
<pattern id="pattern7_310_175" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_310_175" transform="matrix(0.000520833 0 0 0.00171611 0 -0.000246016)"/>
</pattern>
<image id="image0_310_175" width="1920" height="583" preserveAspectRatio="none" xlink:href="data:image/png;base64,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 truncated
</defs>
</svg>

After

Width:  |  Height:  |  Size: 219 KiB

+33 -5
View File
@@ -1,9 +1,37 @@
<svg width="402" height="217" viewBox="0 0 402 217" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect x="-43" width="715" height="217" fill="url(#pattern0_56_90)"/>
<svg width="5270" height="217" viewBox="0 0 5270 217" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect x="2579" width="715" height="217" fill="url(#pattern0_310_175)"/>
<rect x="3243" width="715" height="217" fill="url(#pattern1_310_175)"/>
<rect x="3903" width="715" height="217" fill="url(#pattern2_310_175)"/>
<rect x="4555" width="715" height="217" fill="url(#pattern3_310_175)"/>
<rect width="715" height="217" fill="url(#pattern4_310_175)"/>
<rect x="664" width="715" height="217" fill="url(#pattern5_310_175)"/>
<rect x="1324" width="715" height="217" fill="url(#pattern6_310_175)"/>
<rect x="1976" width="715" height="217" fill="url(#pattern7_310_175)"/>
<defs>
<pattern id="pattern0_56_90" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_56_90" transform="matrix(0.000520833 0 0 0.00171611 0 -0.000246016)"/>
<pattern id="pattern0_310_175" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_310_175" transform="matrix(0.000520833 0 0 0.00171611 0 -0.000246016)"/>
</pattern>
<image id="image0_56_90" width="1920" height="583" preserveAspectRatio="none" xlink:href="data:image/png;base64,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 truncated
<pattern id="pattern1_310_175" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_310_175" transform="matrix(0.000520833 0 0 0.00171611 0 -0.000246016)"/>
</pattern>
<pattern id="pattern2_310_175" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_310_175" transform="matrix(0.000520833 0 0 0.00171611 0 -0.000246016)"/>
</pattern>
<pattern id="pattern3_310_175" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_310_175" transform="matrix(0.000520833 0 0 0.00171611 0 -0.000246016)"/>
</pattern>
<pattern id="pattern4_310_175" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_310_175" transform="matrix(0.000520833 0 0 0.00171611 0 -0.000246016)"/>
</pattern>
<pattern id="pattern5_310_175" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_310_175" transform="matrix(0.000520833 0 0 0.00171611 0 -0.000246016)"/>
</pattern>
<pattern id="pattern6_310_175" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_310_175" transform="matrix(0.000520833 0 0 0.00171611 0 -0.000246016)"/>
</pattern>
<pattern id="pattern7_310_175" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_310_175" transform="matrix(0.000520833 0 0 0.00171611 0 -0.000246016)"/>
</pattern>
<image id="image0_310_175" width="1920" height="583" preserveAspectRatio="none" xlink:href="data:image/png;base64,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 truncated
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 217 KiB

After

Width:  |  Height:  |  Size: 219 KiB

+9
View File
@@ -0,0 +1,9 @@
<svg width="150" height="150" viewBox="0 0 150 150" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="150" height="150" fill="url(#pattern0_317_178)"/>
<defs>
<pattern id="pattern0_317_178" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_317_178" transform="scale(0.00195312)"/>
</pattern>
<image id="image0_317_178" width="512" height="512" preserveAspectRatio="none" xlink:href="data:image/png;base64,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 truncated
</defs>
</svg>

After

Width:  |  Height:  |  Size: 6.2 KiB

+12 -2
View File
@@ -1,3 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
<path d="M240-200h120v-240h240v240h120v-360L480-740 240-560v360Zm-80 80v-480l320-240 320 240v480H520v-240h-80v240H160Zm320-350Z" fill="#333333"/>
<svg width="153" height="150" viewBox="0 0 153 150" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="153" height="150" fill="url(#pattern0_217_89)"/>
<rect width="153" height="150" fill="url(#pattern1_217_89)"/>
<defs>
<pattern id="pattern0_217_89" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_217_89" transform="matrix(0.01 0 0 0.0102 0 -0.01)"/>
</pattern>
<pattern id="pattern1_217_89" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_217_89" transform="matrix(0.01 0 0 0.0102 0 -0.01)"/>
</pattern>
<image id="image0_217_89" width="100" height="100" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 244 B

After

Width:  |  Height:  |  Size: 2.7 KiB

+37
View File
@@ -0,0 +1,37 @@
<svg width="5270" height="217" viewBox="0 0 5270 217" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect x="2579" width="715" height="217" fill="url(#pattern0_310_175)"/>
<rect x="3243" width="715" height="217" fill="url(#pattern1_310_175)"/>
<rect x="3903" width="715" height="217" fill="url(#pattern2_310_175)"/>
<rect x="4555" width="715" height="217" fill="url(#pattern3_310_175)"/>
<rect width="715" height="217" fill="url(#pattern4_310_175)"/>
<rect x="664" width="715" height="217" fill="url(#pattern5_310_175)"/>
<rect x="1324" width="715" height="217" fill="url(#pattern6_310_175)"/>
<rect x="1976" width="715" height="217" fill="url(#pattern7_310_175)"/>
<defs>
<pattern id="pattern0_310_175" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_310_175" transform="matrix(0.000520833 0 0 0.00171611 0 -0.000246016)"/>
</pattern>
<pattern id="pattern1_310_175" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_310_175" transform="matrix(0.000520833 0 0 0.00171611 0 -0.000246016)"/>
</pattern>
<pattern id="pattern2_310_175" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_310_175" transform="matrix(0.000520833 0 0 0.00171611 0 -0.000246016)"/>
</pattern>
<pattern id="pattern3_310_175" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_310_175" transform="matrix(0.000520833 0 0 0.00171611 0 -0.000246016)"/>
</pattern>
<pattern id="pattern4_310_175" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_310_175" transform="matrix(0.000520833 0 0 0.00171611 0 -0.000246016)"/>
</pattern>
<pattern id="pattern5_310_175" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_310_175" transform="matrix(0.000520833 0 0 0.00171611 0 -0.000246016)"/>
</pattern>
<pattern id="pattern6_310_175" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_310_175" transform="matrix(0.000520833 0 0 0.00171611 0 -0.000246016)"/>
</pattern>
<pattern id="pattern7_310_175" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_310_175" transform="matrix(0.000520833 0 0 0.00171611 0 -0.000246016)"/>
</pattern>
<image id="image0_310_175" width="1920" height="583" preserveAspectRatio="none" xlink:href="data:image/png;base64,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 truncated
</defs>
</svg>

After

Width:  |  Height:  |  Size: 219 KiB

+14
View File
@@ -0,0 +1,14 @@
<svg width="485" height="217" viewBox="0 0 485 217" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<mask id="mask0_310_162" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="485" height="217">
<rect width="485" height="217" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_310_162)">
<rect x="-113" width="715" height="217" fill="url(#pattern0_310_162)"/>
</g>
<defs>
<pattern id="pattern0_310_162" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_310_162" transform="matrix(0.000520833 0 0 0.00171611 0 -0.000246016)"/>
</pattern>
<image id="image0_310_162" width="1920" height="583" preserveAspectRatio="none" xlink:href="data:image/png;base64,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 truncated
</defs>
</svg>

After

Width:  |  Height:  |  Size: 217 KiB