More Cleaning

frontend/src/Components/ClueInput.jsx

@@ -35,6 +35,7 @@
       }
     } catch (e) {
       // ignore
+      console.error(e);
     }
 
     const onClueReceived = (clueData) => {
@@ -82,7 +83,7 @@
       socket.off('requestClue', onRequestClue);
       socket.off('turnSwitched', onTurnSwitched);
     };
   }, [joinedTitle, joinedTeam]);
 
   useEffect(() => {
     const onCardRevealed = ({ cardsRevealedThisTurn }) => {
@@ -129,7 +130,7 @@
 
   useEffect(()=>{
     console.log("ClueWord:",clueWord);
   },[])
 
   return (
     <div>

frontend/src/Components/PlayerList.jsx

@@ -1,4 +1,4 @@
-import { JoinContext } from "./Teams";
+import { JoinContext } from "../context/JoinContext";
 import { useContext } from "react";
 
 const PlayerList = ({ team, title, players, colorClasses }) => {

frontend/src/Components/Teams.jsx

@@ -1,4 +1,4 @@
 import { createContext, useState, useEffect } from "react";
 import { useParams } from "react-router-dom";
 import { useSelector } from "react-redux";
 import TeamPanel from "./TeamPanel";
@@ -7,7 +7,7 @@
 import API_URL from '../apiConfig';
 
 
-export const JoinContext = createContext();
+import { JoinContext } from "../context/JoinContext";
 
 const Teams = ({ onDataReceived }) => {
   const { gameId } = useParams();   // <-- GET GAME ID FROM URL

frontend/src/Components/ThemeToggle.jsx

@@ -20,7 +20,9 @@ export default function ThemeToggle() {
         document.documentElement.classList.remove('dark')
         localStorage.setItem('theme', 'light')
       }
-    } catch {}
+    } catch (e){
+      console.error(e);
+    }
   }, [dark])
 
   return (

frontend/src/constants/floating_words.js

@@ -0,0 +1,12 @@
+export const FLOATING_WORDS = [
+  'AGENT', 'CLUE', 'CONTACT', 'DECRYPT', 'ENCODE', 'MISSION',
+  'REVEALER', 'CONCEALER', 'INTEL', 'ASSASSIN', 'RED', 'BLUE', 
+  'FIELD', 'CODE', 'TARGET', 'WILD', 'DANGER', 'SECRET', 'PUZZLE',
+  'SPY', 'CARD', 'GUESS', 'TURN', 'SCORE', 'TEAM', 'COVER', 'TRAITOR', // New words
+  'HIDDEN', 'KEY', 'WORD', 'CYPHER', 'LOCATE', 'VECTOR', 'CONFIRM', 'PASS', // More new words
+
+  // Doubling the list for higher density
+  'CLUE', 'AGENT', 'ENCODE', 'MISSION', 'REVEALER', 'INTEL', 
+  'RED', 'BLUE', 'FIELD', 'CODE', 'TARGET', 'DANGER', 'SECRET', 'PUZZLE',
+  'SPY', 'CARD', 'GUESS', 'SCORE', 'TEAM', 'HIDDEN', 'KEY', 'WORD' // Doubled new words
+];

frontend/src/context/JoinContext.js

@@ -0,0 +1,3 @@
+import { createContext } from "react";
+
+export const JoinContext = createContext();

frontend/src/pages/Error.jsx

@@ -3,7 +3,7 @@ import { useNavigate, Link } from "react-router-dom";
 import ThemeToggle from "../Components/ThemeToggle";
 
 // Floating words used on the Home page — keep consistent here
-import {FLOATING_WORDS} from "./Home";
+import { FLOATING_WORDS } from "../constants/floating_words";
 // const FLOATING_WORDS = [
 // 	'AGENT', 'CLUE', 'MISSION', 'INTEL', 'SECRET', 'SPY', 'CARD', 'GUESS', 'TEAM', 'CODE',
 // 	'RED', 'BLUE', 'HIDDEN', 'KEY', 'WORD'

frontend/src/pages/Home.jsx

@@ -4,19 +4,7 @@ import axios from "axios";
 import ThemeToggle from '../Components/ThemeToggle';
 import API_URL from '../apiConfig';
 
-// List of words for the animated background (Increased density)
-export const FLOATING_WORDS = [
-  'AGENT', 'CLUE', 'CONTACT', 'DECRYPT', 'ENCODE', 'MISSION',
-  'REVEALER', 'CONCEALER', 'INTEL', 'ASSASSIN', 'RED', 'BLUE', 
-  'FIELD', 'CODE', 'TARGET', 'WILD', 'DANGER', 'SECRET', 'PUZZLE',
-  'SPY', 'CARD', 'GUESS', 'TURN', 'SCORE', 'TEAM', 'COVER', 'TRAITOR', // New words
-  'HIDDEN', 'KEY', 'WORD', 'CYPHER', 'LOCATE', 'VECTOR', 'CONFIRM', 'PASS', // More new words
-
-  // Doubling the list for higher density
-  'CLUE', 'AGENT', 'ENCODE', 'MISSION', 'REVEALER', 'INTEL', 
-  'RED', 'BLUE', 'FIELD', 'CODE', 'TARGET', 'DANGER', 'SECRET', 'PUZZLE',
-  'SPY', 'CARD', 'GUESS', 'SCORE', 'TEAM', 'HIDDEN', 'KEY', 'WORD' // Doubled new words
-];
+import { FLOATING_WORDS } from '../constants/floating_words';
 
 // Reusable component for a single floating word (for clarity)
 const FloatingWord = ({ word, x, y, size, delay, duration }) => (