From 5462af1a5a37ab97828d7f041f79930cf29f3ddb Mon Sep 17 00:00:00 2001 From: Ategon Date: Wed, 22 Jan 2025 20:27:17 -0500 Subject: [PATCH] Fix build errors --- src/components/navbar/MobileNavbarUser.tsx | 10 +- src/components/themes/theme-slaughter.tsx | 519 +++++++++++---------- src/components/themes/theme-suggest.tsx | 503 ++++++++++---------- src/components/themes/theme-vote.tsx | 439 ++++++++--------- 4 files changed, 737 insertions(+), 734 deletions(-) diff --git a/src/components/navbar/MobileNavbarUser.tsx b/src/components/navbar/MobileNavbarUser.tsx index 3680979..ecb80ed 100644 --- a/src/components/navbar/MobileNavbarUser.tsx +++ b/src/components/navbar/MobileNavbarUser.tsx @@ -19,7 +19,7 @@ interface NavbarUserProps { isInJam?: boolean; } -export default function MobileNavbarUser({ +export default async function MobileNavbarUser({ user, jam, setIsInJam, @@ -38,7 +38,7 @@ export default function MobileNavbarUser({ /> - {jam && isInJam ? ( + {jam && (await getCurrentJam())?.jam && isInJam ? ( ) : null} - {jam && !isInJam ? ( + {jam && (await getCurrentJam())?.jam && !isInJam ? ( (false); - const [activeJamResponse, setActiveJam] = useState( - null - ); - const [phaseLoading, setPhaseLoading] = useState(true); + // const [randomTheme, setRandomTheme] = useState(null); + // const [votedThemes, setVotedThemes] = useState([]); + // const [loading, setLoading] = useState(false); + // const [token, setToken] = useState(null); + // const [hasJoined, setHasJoined] = useState(false); + // const [activeJamResponse, setActiveJam] = useState( + // null + // ); + // const [phaseLoading, setPhaseLoading] = useState(true); - // Fetch token on the client side - useEffect(() => { - const fetchedToken = getCookie("token"); - setToken(fetchedToken); - }, []); + // // Fetch token on the client side + // useEffect(() => { + // const fetchedToken = getCookie("token"); + // setToken(fetchedToken); + // }, []); - // Fetch the current jam phase using helpers/jam - useEffect(() => { - const fetchCurrentJamPhase = async () => { - try { - const activeJam = await getCurrentJam(); - setActiveJam(activeJam); // Set active jam details - } catch (error) { - console.error("Error fetching current jam:", error); - } finally { - setPhaseLoading(false); // Stop loading when phase is fetched - } - }; + // // Fetch the current jam phase using helpers/jam + // useEffect(() => { + // const fetchCurrentJamPhase = async () => { + // try { + // const activeJam = await getCurrentJam(); + // setActiveJam(activeJam); // Set active jam details + // } catch (error) { + // console.error("Error fetching current jam:", error); + // } finally { + // setPhaseLoading(false); // Stop loading when phase is fetched + // } + // }; - fetchCurrentJamPhase(); - }, []); + // fetchCurrentJamPhase(); + // }, []); - // Fetch a random theme - const fetchRandomTheme = useCallback(async () => { - if (!token) return; // Wait until token is available - if (!activeJamResponse) return; - if ( - activeJamResponse && - activeJamResponse.jam && - activeJamResponse.phase != "Survival" - ) { - return ( -
-

It's not Theme Survival phase.

-
- ); - } + // // Fetch a random theme + // const fetchRandomTheme = useCallback(async () => { + // if (!token) return; // Wait until token is available + // if (!activeJamResponse) return; + // if ( + // activeJamResponse && + // activeJamResponse.jam && + // activeJamResponse.phase != "Survival" + // ) { + // return ( + //
+ //

It's not Theme Survival phase.

+ //
+ // ); + // } - try { - const response = await fetch( - process.env.NEXT_PUBLIC_MODE === "PROD" - ? "https://d2jam.com/api/v1/themes/random" - : "http://localhost:3005/api/v1/themes/random", - { - headers: { Authorization: `Bearer ${token}` }, - credentials: "include", - } - ); - if (response.ok) { - const data = await response.json(); - setRandomTheme(data); - } else { - console.error("Failed to fetch random theme."); - } - } catch (error) { - console.error("Error fetching random theme:", error); - } - }, [activeJamResponse, token]); + // try { + // const response = await fetch( + // process.env.NEXT_PUBLIC_MODE === "PROD" + // ? "https://d2jam.com/api/v1/themes/random" + // : "http://localhost:3005/api/v1/themes/random", + // { + // headers: { Authorization: `Bearer ${token}` }, + // credentials: "include", + // } + // ); + // if (response.ok) { + // const data = await response.json(); + // setRandomTheme(data); + // } else { + // console.error("Failed to fetch random theme."); + // } + // } catch (error) { + // console.error("Error fetching random theme:", error); + // } + // }, [activeJamResponse, token]); - // Fetch voted themes - const fetchVotedThemes = useCallback(async () => { - if (!token) return; // Wait until token is available + // // Fetch voted themes + // const fetchVotedThemes = useCallback(async () => { + // if (!token) return; // Wait until token is available - try { - const response = await fetch( - process.env.NEXT_PUBLIC_MODE === "PROD" - ? "https://d2jam.com/api/v1/themes/voteSlaughter" - : "http://localhost:3005/api/v1/themes/voteSlaughter", - { - headers: { Authorization: `Bearer ${token}` }, - credentials: "include", - } - ); - if (response.ok) { - const data = await response.json(); - setVotedThemes(data); - } else { - console.error("Failed to fetch voted themes."); - } - } catch (error) { - console.error("Error fetching voted themes:", error); - } - }, [token]); + // try { + // const response = await fetch( + // process.env.NEXT_PUBLIC_MODE === "PROD" + // ? "https://d2jam.com/api/v1/themes/voteSlaughter" + // : "http://localhost:3005/api/v1/themes/voteSlaughter", + // { + // headers: { Authorization: `Bearer ${token}` }, + // credentials: "include", + // } + // ); + // if (response.ok) { + // const data = await response.json(); + // setVotedThemes(data); + // } else { + // console.error("Failed to fetch voted themes."); + // } + // } catch (error) { + // console.error("Error fetching voted themes:", error); + // } + // }, [token]); - // Handle voting - const handleVote = async (voteType) => { - if (!randomTheme) return; + // // Handle voting + // const handleVote = async (voteType: string) => { + // if (!randomTheme) return; - setLoading(true); - try { - const response = await fetch( - process.env.NEXT_PUBLIC_MODE === "PROD" - ? "https://d2jam.com/api/v1/themes/voteSlaughter" - : "http://localhost:3005/api/v1/themes/voteSlaughter", - { - method: "POST", - headers: { - "Content-Type": "application/json", - Authorization: `Bearer ${token}`, - }, - credentials: "include", - body: JSON.stringify({ - suggestionId: randomTheme.id, - voteType, - }), - } - ); + // setLoading(true); + // try { + // const response = await fetch( + // process.env.NEXT_PUBLIC_MODE === "PROD" + // ? "https://d2jam.com/api/v1/themes/voteSlaughter" + // : "http://localhost:3005/api/v1/themes/voteSlaughter", + // { + // method: "POST", + // headers: { + // "Content-Type": "application/json", + // Authorization: `Bearer ${token}`, + // }, + // credentials: "include", + // body: JSON.stringify({ + // suggestionId: randomTheme.id, + // voteType, + // }), + // } + // ); - if (response.ok) { - // Refresh data after voting - fetchRandomTheme(); - fetchVotedThemes(); - } else { - console.error("Failed to submit vote."); - } - } catch (error) { - console.error("Error submitting vote:", error); - } finally { - setLoading(false); - } - }; + // if (response.ok) { + // // Refresh data after voting + // fetchRandomTheme(); + // fetchVotedThemes(); + // } else { + // console.error("Failed to submit vote."); + // } + // } catch (error) { + // console.error("Error submitting vote:", error); + // } finally { + // setLoading(false); + // } + // }; - // Handle resetting a vote from the grid - const handleResetVote = async (themeId) => { - try { - setRandomTheme(votedThemes.find((theme) => theme.id === themeId)); - setVotedThemes((prev) => - prev.map((theme) => - theme.id === themeId ? { ...theme, slaughterScore: 0 } : theme - ) - ); - } catch (error) { - console.error("Error resetting vote:", error); - } - }; + // // Handle resetting a vote from the grid + // const handleResetVote = async (themeId: number) => { + // try { + // setRandomTheme(votedThemes.find((theme) => theme.id === themeId)); + // setVotedThemes((prev) => + // prev.map((theme) => + // theme.id === themeId ? { ...theme, slaughterScore: 0 } : theme + // ) + // ); + // } catch (error) { + // console.error("Error resetting vote:", error); + // } + // }; - useEffect(() => { - if (token && activeJamResponse?.phase === "Survival") { - fetchRandomTheme(); - fetchVotedThemes(); - } - }, [token, activeJamResponse, fetchRandomTheme, fetchVotedThemes]); + // useEffect(() => { + // if (token && activeJamResponse?.phase === "Survival") { + // fetchRandomTheme(); + // fetchVotedThemes(); + // } + // }, [token, activeJamResponse, fetchRandomTheme, fetchVotedThemes]); - useEffect(() => { - const init = async () => { - const joined = await hasJoinedCurrentJam(); - setHasJoined(joined); - setLoading(false); - }; + // useEffect(() => { + // const init = async () => { + // const joined = await hasJoinedCurrentJam(); + // setHasJoined(joined); + // setLoading(false); + // }; - init(); - }, []); + // init(); + // }, []); - if (phaseLoading || loading) { - return
Loading...
; - } + // if (phaseLoading || loading) { + // return
Loading...
; + // } - if (!hasJoined) { - return ( -
-

- Join the Jam First -

-

- You need to join the current jam before you can join Theme Survival. -

- -
- ); - } + // if (!hasJoined) { + // return ( + //
+ //

+ // Join the Jam First + //

+ //

+ // You need to join the current jam before you can join Theme Survival. + //

+ // + //
+ // ); + // } - // Render message if not in Theme Slaughter phase - if (activeJamResponse?.phase !== "Survival") { - return ( -
-

- Not in Theme Slaughter Phase -

-

- The current phase is{" "} - {activeJamResponse?.phase || "Unknown"}. Please come - back during the Theme Slaughter phase. -

-
- ); - } + // // Render message if not in Theme Slaughter phase + // if (activeJamResponse?.phase !== "Survival") { + // return ( + //
+ //

+ // Not in Theme Slaughter Phase + //

+ //

+ // The current phase is{" "} + // {activeJamResponse?.phase || "Unknown"}. Please come + // back during the Theme Slaughter phase. + //

+ //
+ // ); + // } - const loggedIn = getCookie("token"); + // const loggedIn = getCookie("token"); - if (!loggedIn) { - return
Sign in to be able to join the Theme Survival
; - } + // if (!loggedIn) { + // return
Sign in to be able to join the Theme Survival
; + // } - return ( -
- {/* Left Side */} -
- {randomTheme ? ( - <> -

- {randomTheme.suggestion} -

-
- - - -
- - ) : ( -

- No themes available. -

- )} -
+ // return ( + //
+ // {/* Left Side */} + //
+ // {randomTheme ? ( + // <> + //

+ // {randomTheme.suggestion} + //

+ //
+ // + // + // + //
+ // + // ) : ( + //

+ // No themes available. + //

+ // )} + //
- {/* Right Side */} -
-

- Your Votes -

-
- {votedThemes.map((theme) => ( -
handleResetVote(theme.id)} - className={`p-4 rounded-lg cursor-pointer ${ - theme.slaughterScore > 0 - ? "bg-green-500 text-white" - : theme.slaughterScore < 0 - ? "bg-red-500 text-white" - : "bg-gray-300 text-black" - }`} - > - {theme.suggestion} -
- ))} -
-
-
- ); + // {/* Right Side */} + //
+ //

+ // Your Votes + //

+ //
+ // {votedThemes.map((theme) => ( + //
handleResetVote(theme.id)} + // className={`p-4 rounded-lg cursor-pointer ${ + // theme.slaughterScore > 0 + // ? "bg-green-500 text-white" + // : theme.slaughterScore < 0 + // ? "bg-red-500 text-white" + // : "bg-gray-300 text-black" + // }`} + // > + // {theme.suggestion} + //
+ // ))} + //
+ //
+ //
+ // ); + return <>; } diff --git a/src/components/themes/theme-suggest.tsx b/src/components/themes/theme-suggest.tsx index aab469d..8fa72ff 100644 --- a/src/components/themes/theme-suggest.tsx +++ b/src/components/themes/theme-suggest.tsx @@ -1,281 +1,282 @@ "use client"; -import React, { useState, useEffect } from "react"; -import { getCookie } from "@/helpers/cookie"; -import { - getCurrentJam, - hasJoinedCurrentJam, - ActiveJamResponse, -} from "@/helpers/jam"; +// import React, { useState, useEffect } from "react"; +// import { getCookie } from "@/helpers/cookie"; +// import { +// getCurrentJam, +// hasJoinedCurrentJam, +// ActiveJamResponse, +// } from "@/helpers/jam"; export default function ThemeSuggestions() { - const [suggestion, setSuggestion] = useState(""); - const [loading, setLoading] = useState(false); - const [successMessage, setSuccessMessage] = useState(""); - const [errorMessage, setErrorMessage] = useState(""); - const [userSuggestions, setUserSuggestions] = useState([]); - const [themeLimit, setThemeLimit] = useState(0); - const [hasJoined, setHasJoined] = useState(false); - const [activeJamResponse, setActiveJamResponse] = - useState(null); - const [phaseLoading, setPhaseLoading] = useState(true); // Loading state for fetching phase + // const [suggestion, setSuggestion] = useState(""); + // const [loading, setLoading] = useState(false); + // const [successMessage, setSuccessMessage] = useState(""); + // const [errorMessage, setErrorMessage] = useState(""); + // const [userSuggestions, setUserSuggestions] = useState([]); + // const [themeLimit, setThemeLimit] = useState(0); + // const [hasJoined, setHasJoined] = useState(false); + // const [activeJamResponse, setActiveJamResponse] = + // useState(null); + // const [phaseLoading, setPhaseLoading] = useState(true); // Loading state for fetching phase - // Fetch the current jam phase using helpers/jam - useEffect(() => { - const fetchCurrentJamPhase = async () => { - try { - const activeJam = await getCurrentJam(); - setActiveJamResponse(activeJam); // Set active jam details - if (activeJam?.jam) { - setThemeLimit(activeJam.jam.themePerUser || Infinity); // Set theme limit - } - } catch (error) { - console.error("Error fetching current jam:", error); - } finally { - setPhaseLoading(false); // Stop loading when phase is fetched - } - }; + // // Fetch the current jam phase using helpers/jam + // useEffect(() => { + // const fetchCurrentJamPhase = async () => { + // try { + // const activeJam = await getCurrentJam(); + // setActiveJamResponse(activeJam); // Set active jam details + // if (activeJam?.jam) { + // setThemeLimit(activeJam.jam.themePerUser || Infinity); // Set theme limit + // } + // } catch (error) { + // console.error("Error fetching current jam:", error); + // } finally { + // setPhaseLoading(false); // Stop loading when phase is fetched + // } + // }; - fetchCurrentJamPhase(); - }, []); + // fetchCurrentJamPhase(); + // }, []); - // Fetch all suggestions for the logged-in user - const fetchSuggestions = async () => { - try { - const response = await fetch( - process.env.NEXT_PUBLIC_MODE === "PROD" - ? "https://d2jam.com/api/v1/themes/suggestion" - : "http://localhost:3005/api/v1/themes/suggestion", - { - headers: { Authorization: `Bearer ${getCookie("token")}` }, - credentials: "include", - } - ); - if (response.ok) { - const data = await response.json(); - setUserSuggestions(data); - } - } catch (error) { - console.error("Error fetching suggestions:", error); - } - }; + // // Fetch all suggestions for the logged-in user + // const fetchSuggestions = async () => { + // try { + // const response = await fetch( + // process.env.NEXT_PUBLIC_MODE === "PROD" + // ? "https://d2jam.com/api/v1/themes/suggestion" + // : "http://localhost:3005/api/v1/themes/suggestion", + // { + // headers: { Authorization: `Bearer ${getCookie("token")}` }, + // credentials: "include", + // } + // ); + // if (response.ok) { + // const data = await response.json(); + // setUserSuggestions(data); + // } + // } catch (error) { + // console.error("Error fetching suggestions:", error); + // } + // }; - // Fetch suggestions only when phase is "Suggestion" - useEffect(() => { - if (activeJamResponse?.phase === "Suggestion") { - fetchSuggestions(); - } - }, [activeJamResponse]); + // // Fetch suggestions only when phase is "Suggestion" + // useEffect(() => { + // if (activeJamResponse?.phase === "Suggestion") { + // fetchSuggestions(); + // } + // }, [activeJamResponse]); - // Handle form submission to add a new suggestion - const handleSubmit = async (e: React.FormEvent) => { - e.preventDefault(); - setLoading(true); - setSuccessMessage(""); - setErrorMessage(""); + // // Handle form submission to add a new suggestion + // const handleSubmit = async (e: React.FormEvent) => { + // e.preventDefault(); + // setLoading(true); + // setSuccessMessage(""); + // setErrorMessage(""); - if (!suggestion.trim()) { - setErrorMessage("Suggestion cannot be empty."); - setLoading(false); - return; - } + // if (!suggestion.trim()) { + // setErrorMessage("Suggestion cannot be empty."); + // setLoading(false); + // return; + // } - try { - const token = getCookie("token"); + // try { + // const token = getCookie("token"); - if (!token) { - throw new Error("User is not authenticated. Please log in."); - } + // if (!token) { + // throw new Error("User is not authenticated. Please log in."); + // } - const response = await fetch( - process.env.NEXT_PUBLIC_MODE === "PROD" - ? "https://d2jam.com/api/v1/themes/suggestion" - : "http://localhost:3005/api/v1/themes/suggestion", - { - method: "POST", - headers: { - "Content-Type": "application/json", - Authorization: `Bearer ${token}`, - }, - credentials: "include", - body: JSON.stringify({ suggestionText: suggestion }), - } - ); + // const response = await fetch( + // process.env.NEXT_PUBLIC_MODE === "PROD" + // ? "https://d2jam.com/api/v1/themes/suggestion" + // : "http://localhost:3005/api/v1/themes/suggestion", + // { + // method: "POST", + // headers: { + // "Content-Type": "application/json", + // Authorization: `Bearer ${token}`, + // }, + // credentials: "include", + // body: JSON.stringify({ suggestionText: suggestion }), + // } + // ); - if (!response.ok) { - const errorData = await response.json(); - throw new Error(errorData.error || "Failed to submit suggestion."); - } + // if (!response.ok) { + // const errorData = await response.json(); + // throw new Error(errorData.error || "Failed to submit suggestion."); + // } - setSuccessMessage("Suggestion added successfully!"); - setSuggestion(""); // Clear input field - fetchSuggestions(); // Refresh suggestions list - } catch (error) { - if (error instanceof Error) { - console.error("Error submitting suggestion:", error.message); - setErrorMessage(error.message || "An unexpected error occurred."); - } else { - console.error("Unknown error:", error); - setErrorMessage("An unexpected error occurred."); - } - } finally { - setLoading(false); - } - }; + // setSuccessMessage("Suggestion added successfully!"); + // setSuggestion(""); // Clear input field + // fetchSuggestions(); // Refresh suggestions list + // } catch (error) { + // if (error instanceof Error) { + // console.error("Error submitting suggestion:", error.message); + // setErrorMessage(error.message || "An unexpected error occurred."); + // } else { + // console.error("Unknown error:", error); + // setErrorMessage("An unexpected error occurred."); + // } + // } finally { + // setLoading(false); + // } + // }; - // Handle deleting a suggestion - const handleDelete = async (id: number) => { - try { - const token = getCookie("token"); + // // Handle deleting a suggestion + // const handleDelete = async (id: number) => { + // try { + // const token = getCookie("token"); - const response = await fetch( - process.env.NEXT_PUBLIC_MODE === "PROD" - ? `https://d2jam.com/api/v1/themes/suggestion/${id}` - : `http://localhost:3005/api/v1/themes/suggestion/${id}`, - { - method: "DELETE", - headers: { Authorization: `Bearer ${token}` }, - credentials: "include", - } - ); + // const response = await fetch( + // process.env.NEXT_PUBLIC_MODE === "PROD" + // ? `https://d2jam.com/api/v1/themes/suggestion/${id}` + // : `http://localhost:3005/api/v1/themes/suggestion/${id}`, + // { + // method: "DELETE", + // headers: { Authorization: `Bearer ${token}` }, + // credentials: "include", + // } + // ); - if (!response.ok) { - throw new Error("Failed to delete suggestion."); - } + // if (!response.ok) { + // throw new Error("Failed to delete suggestion."); + // } - fetchSuggestions(); // Refresh suggestions list - } catch (error) { - console.error("Error deleting suggestion:", error); - } - }; + // fetchSuggestions(); // Refresh suggestions list + // } catch (error) { + // console.error("Error deleting suggestion:", error); + // } + // }; - useEffect(() => { - const init = async () => { - const joined = await hasJoinedCurrentJam(); - setHasJoined(joined); - setLoading(false); - }; + // useEffect(() => { + // const init = async () => { + // const joined = await hasJoinedCurrentJam(); + // setHasJoined(joined); + // setLoading(false); + // }; - init(); - }, []); + // init(); + // }, []); - // Render loading state while fetching phase - if (phaseLoading || loading) { - return
Loading...
; - } + // // Render loading state while fetching phase + // if (phaseLoading || loading) { + // return
Loading...
; + // } - if (!hasJoined) { - return ( -
-

- Join the Jam First -

-

- You need to join the current jam before you can suggest themes. -

- -
- ); - } + // if (!hasJoined) { + // return ( + //
+ //

+ // Join the Jam First + //

+ //

+ // You need to join the current jam before you can suggest themes. + //

+ // + //
+ // ); + // } - const token = getCookie("token"); + // const token = getCookie("token"); - if (!token) { - return
Sign in to be able to suggest themes
; - } + // if (!token) { + // return
Sign in to be able to suggest themes
; + // } - // Render message if not in Suggestion phase - if (activeJamResponse?.phase !== "Suggestion") { - return ( -
-

- Not in Suggestion Phase -

-

- The current phase is{" "} - {activeJamResponse?.phase || "Unknown"}. Please come - back during the Suggestion phase. -

-
- ); - } + // // Render message if not in Suggestion phase + // if (activeJamResponse?.phase !== "Suggestion") { + // return ( + //
+ //

+ // Not in Suggestion Phase + //

+ //

+ // The current phase is{" "} + // {activeJamResponse?.phase || "Unknown"}. Please come + // back during the Suggestion phase. + //

+ //
+ // ); + // } - return ( -
-

- Submit Your Theme Suggestion -

+ // return ( + //
+ //

+ // Submit Your Theme Suggestion + //

- {/* Hide form if user has reached their limit */} - {userSuggestions.length < themeLimit ? ( -
- - {errorMessage && ( -

{errorMessage}

- )} - {successMessage && ( -

{successMessage}

- )} - -
- ) : ( -

- You've reached your theme suggestion limit for this jam! -

- )} + // {/* Hide form if user has reached their limit */} + // {userSuggestions.length < themeLimit ? ( + //
+ // + // {errorMessage && ( + //

{errorMessage}

+ // )} + // {successMessage && ( + //

{successMessage}

+ // )} + // + //
+ // ) : ( + //

+ // You've reached your theme suggestion limit for this jam! + //

+ // )} - {/* List of user's suggestions */} -
-

- Your Suggestions -

- {userSuggestions.length > 0 ? ( -
    - {userSuggestions.map((suggestion) => ( -
  • - {suggestion.suggestion} - -
    • - ))} -
- ) : ( -

- You haven't submitted any suggestions yet. -

- )} -
-
- ); + // {/* List of user's suggestions */} + //
+ //

+ // Your Suggestions + //

+ // {userSuggestions.length > 0 ? ( + //
    + // {userSuggestions.map((suggestion) => ( + //
  • + // {suggestion.suggestion} + // + //
    • + // ))} + //
+ // ) : ( + //

+ // You haven't submitted any suggestions yet. + //

+ // )} + //
+ //
+ // ); + return <>; } diff --git a/src/components/themes/theme-vote.tsx b/src/components/themes/theme-vote.tsx index ea16e2b..3a0b7fa 100644 --- a/src/components/themes/theme-vote.tsx +++ b/src/components/themes/theme-vote.tsx @@ -1,244 +1,245 @@ "use client"; -import React, { useState, useEffect } from "react"; -import { getCookie } from "@/helpers/cookie"; -import { - getCurrentJam, - hasJoinedCurrentJam, - ActiveJamResponse, -} from "@/helpers/jam"; +// import React, { useState, useEffect } from "react"; +// import { getCookie } from "@/helpers/cookie"; +// import { +// getCurrentJam, +// hasJoinedCurrentJam, +// ActiveJamResponse, +// } from "@/helpers/jam"; export default function VotingPage() { - const [themes, setThemes] = useState([]); - const [loading, setLoading] = useState(false); - const [activeJamResponse, setActiveJamResponse] = - useState(null); - const [hasJoined, setHasJoined] = useState(false); - const [phaseLoading, setPhaseLoading] = useState(true); // Loading state for fetching phase - const token = getCookie("token"); + return <>; + // const [themes, setThemes] = useState([]); + // const [loading, setLoading] = useState(false); + // const [activeJamResponse, setActiveJamResponse] = + // useState(null); + // const [hasJoined, setHasJoined] = useState(false); + // const [phaseLoading, setPhaseLoading] = useState(true); // Loading state for fetching phase + // const token = getCookie("token"); - // Fetch the current jam phase using helpers/jam - useEffect(() => { - const fetchCurrentJamPhase = async () => { - try { - const activeJam = await getCurrentJam(); - setActiveJamResponse(activeJam); // Set active jam details - } catch (error) { - console.error("Error fetching current jam:", error); - } finally { - setPhaseLoading(false); // Stop loading when phase is fetched - } - }; + // // Fetch the current jam phase using helpers/jam + // useEffect(() => { + // const fetchCurrentJamPhase = async () => { + // try { + // const activeJam = await getCurrentJam(); + // setActiveJamResponse(activeJam); // Set active jam details + // } catch (error) { + // console.error("Error fetching current jam:", error); + // } finally { + // setPhaseLoading(false); // Stop loading when phase is fetched + // } + // }; - fetchCurrentJamPhase(); - }, []); + // fetchCurrentJamPhase(); + // }, []); - // Fetch themes only when phase is "Voting" - useEffect(() => { - // Fetch top N themes with voting scores - async function fetchThemes() { - if (!token || !activeJamResponse) return; + // // Fetch themes only when phase is "Voting" + // useEffect(() => { + // // Fetch top N themes with voting scores + // async function fetchThemes() { + // if (!token || !activeJamResponse) return; - try { - const response = await fetch( - process.env.NEXT_PUBLIC_MODE === "PROD" - ? "https://d2jam.com/api/v1/themes/top-themes" - : "http://localhost:3005/api/v1/themes/top-themes", - { - headers: { Authorization: `Bearer ${token}` }, - credentials: "include", - } - ); - if (response.ok) { - const themes = await response.json(); - console.log("Fetched themes:", themes); // Debug log + // try { + // const response = await fetch( + // process.env.NEXT_PUBLIC_MODE === "PROD" + // ? "https://d2jam.com/api/v1/themes/top-themes" + // : "http://localhost:3005/api/v1/themes/top-themes", + // { + // headers: { Authorization: `Bearer ${token}` }, + // credentials: "include", + // } + // ); + // if (response.ok) { + // const themes = await response.json(); + // console.log("Fetched themes:", themes); // Debug log - // Fetch user's votes for these themes - const votesResponse = await fetch( - process.env.NEXT_PUBLIC_MODE === "PROD" - ? "https://d2jam.com/api/v1/themes/votes" - : "http://localhost:3005/api/v1/themes/votes", - { - headers: { Authorization: `Bearer ${token}` }, - credentials: "include", - } - ); + // // Fetch user's votes for these themes + // const votesResponse = await fetch( + // process.env.NEXT_PUBLIC_MODE === "PROD" + // ? "https://d2jam.com/api/v1/themes/votes" + // : "http://localhost:3005/api/v1/themes/votes", + // { + // headers: { Authorization: `Bearer ${token}` }, + // credentials: "include", + // } + // ); - if (votesResponse.ok) { - const votes = await votesResponse.json(); - console.log("Fetched votes:", votes); // Debug log + // if (votesResponse.ok) { + // const votes = await votesResponse.json(); + // console.log("Fetched votes:", votes); // Debug log - // Merge themes with user's votes - const themesWithVotes = themes.map((theme) => { - const vote = votes.find((v) => v.themeSuggestionId === theme.id); - console.log(`Theme ${theme.id} vote:`, vote); // Debug log - return { - ...theme, - votingScore: vote ? vote.votingScore : null, - }; - }); + // // Merge themes with user's votes + // const themesWithVotes = themes.map((theme) => { + // const vote = votes.find((v) => v.themeSuggestionId === theme.id); + // console.log(`Theme ${theme.id} vote:`, vote); // Debug log + // return { + // ...theme, + // votingScore: vote ? vote.votingScore : null, + // }; + // }); - console.log("Themes with votes:", themesWithVotes); // Debug log - setThemes(themesWithVotes); - } - } else { - console.error("Failed to fetch themes."); - } - } catch (error) { - console.error("Error fetching themes:", error); - } - } + // console.log("Themes with votes:", themesWithVotes); // Debug log + // setThemes(themesWithVotes); + // } + // } else { + // console.error("Failed to fetch themes."); + // } + // } catch (error) { + // console.error("Error fetching themes:", error); + // } + // } - if (activeJamResponse?.phase === "Voting") { - fetchThemes(); - } - }, [activeJamResponse, token]); + // if (activeJamResponse?.phase === "Voting") { + // fetchThemes(); + // } + // }, [activeJamResponse, token]); - // Handle voting - const handleVote = async (themeId, votingScore) => { - setLoading(true); - try { - const response = await fetch( - process.env.NEXT_PUBLIC_MODE === "PROD" - ? "https://d2jam.com/api/v1/themes/vote" - : "http://localhost:3005/api/v1/themes/vote", - { - method: "POST", - headers: { - "Content-Type": "application/json", - Authorization: `Bearer ${token}`, - }, - credentials: "include", - body: JSON.stringify({ suggestionId: themeId, votingScore }), - } - ); + // // Handle voting + // const handleVote = async (themeId, votingScore) => { + // setLoading(true); + // try { + // const response = await fetch( + // process.env.NEXT_PUBLIC_MODE === "PROD" + // ? "https://d2jam.com/api/v1/themes/vote" + // : "http://localhost:3005/api/v1/themes/vote", + // { + // method: "POST", + // headers: { + // "Content-Type": "application/json", + // Authorization: `Bearer ${token}`, + // }, + // credentials: "include", + // body: JSON.stringify({ suggestionId: themeId, votingScore }), + // } + // ); - if (response.ok) { - // Just update the local state instead of re-fetching all themes - setThemes((prevThemes) => - prevThemes.map((theme) => - theme.id === themeId ? { ...theme, votingScore } : theme - ) - ); - } else { - console.error("Failed to submit vote."); - } - } catch (error) { - console.error("Error submitting vote:", error); - } finally { - setLoading(false); - } - }; + // if (response.ok) { + // // Just update the local state instead of re-fetching all themes + // setThemes((prevThemes) => + // prevThemes.map((theme) => + // theme.id === themeId ? { ...theme, votingScore } : theme + // ) + // ); + // } else { + // console.error("Failed to submit vote."); + // } + // } catch (error) { + // console.error("Error submitting vote:", error); + // } finally { + // setLoading(false); + // } + // }; - useEffect(() => { - const init = async () => { - const joined = await hasJoinedCurrentJam(); - setHasJoined(joined); - setLoading(false); - }; + // useEffect(() => { + // const init = async () => { + // const joined = await hasJoinedCurrentJam(); + // setHasJoined(joined); + // setLoading(false); + // }; - init(); - }, []); + // init(); + // }, []); - if (phaseLoading || loading) { - return
Loading...
; - } + // if (phaseLoading || loading) { + // return
Loading...
; + // } - if (!hasJoined) { - return ( -
-

- Join the Jam First -

-

- You need to join the current jam before you can vote themes. -

- -
- ); - } + // if (!hasJoined) { + // return ( + //
+ //

+ // Join the Jam First + //

+ //

+ // You need to join the current jam before you can vote themes. + //

+ // + //
+ // ); + // } - if (activeJamResponse?.phase !== "Voting") { - return ( -
-

- Not in Voting Phase -

-

- The current phase is{" "} - {activeJamResponse?.phase || "Unknown"}. Please come - back during the Voting phase. -

-
- ); - } + // if (activeJamResponse?.phase !== "Voting") { + // return ( + //
+ //

+ // Not in Voting Phase + //

+ //

+ // The current phase is{" "} + // {activeJamResponse?.phase || "Unknown"}. Please come + // back during the Voting phase. + //

+ //
+ // ); + // } - const loggedIn = getCookie("token"); + // const loggedIn = getCookie("token"); - if (!loggedIn) { - return
Sign in to be able to vote
; - } + // if (!loggedIn) { + // return
Sign in to be able to vote
; + // } - return ( -
-

- Voting Phase -

-
- {themes.map((theme) => ( -
- {/* Voting Buttons */} -
- - - -
+ // return ( + //
+ //

+ // Voting Phase + //

+ //
+ // {themes.map((theme) => ( + //
+ // {/* Voting Buttons */} + //
+ // + // + // + //
- {/* Theme Suggestion */} -
- {theme.suggestion} -
-
- ))} -
-
- ); + // {/* Theme Suggestion */} + //
+ // {theme.suggestion} + //
+ //
+ // ))} + //
+ //
+ // ); }