From a7d644e787b421584607a62565f4d3bf06bdb7be Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Thu, 12 Sep 2024 12:40:54 +0200
Subject: [PATCH] removing unused vars

---
 src/App.js                               |  2 +-
 src/components/AnimatedPage.jsx          |  2 +-
 src/components/Modals/CookiesModal.jsx   |  2 +-
 src/components/game/GameContainer.jsx    | 10 +++-------
 src/components/game/SoundControl.jsx     |  4 ++--
 src/components/game/Timer.jsx            |  2 +-
 src/components/results/ResultsModals.jsx |  2 +-
 src/components/ui/Footer.jsx             |  5 ++++-
 src/components/ui/LanguageSelect.jsx     |  1 -
 src/components/ui/Nav.jsx                |  6 +++---
 src/context/GameContext.js               |  4 ++--
 src/index.js                             |  6 +-----
 src/pages/Country.jsx                    |  2 +-
 src/pages/Results.jsx                    |  3 ---
 src/pages/Test.jsx                       |  8 ++------
 src/pages/Welcome.jsx                    |  2 +-
 16 files changed, 24 insertions(+), 37 deletions(-)

diff --git a/src/App.js b/src/App.js
index ef9f522..57b5bb1 100644
--- a/src/App.js
+++ b/src/App.js
@@ -17,7 +17,7 @@ import Warning from "./pages/Warning.jsx";
 
 import { useLocation, Routes, Route } from "react-router-dom";
 import { AnimatePresence } from "framer-motion";
-import React, { useEffect, useRef } from "react";
+import React, { useEffect } from "react";
 
 function App() {
 	const location = useLocation();
diff --git a/src/components/AnimatedPage.jsx b/src/components/AnimatedPage.jsx
index 8ae0f3e..03fb649 100644
--- a/src/components/AnimatedPage.jsx
+++ b/src/components/AnimatedPage.jsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { useLocation, useHistory } from "react-router-dom";
+import { useLocation } from "react-router-dom";
 import { motion } from "framer-motion";
 
 export default function AnimatedPage({ children, className }) {
diff --git a/src/components/Modals/CookiesModal.jsx b/src/components/Modals/CookiesModal.jsx
index c1276c1..5e7d7f3 100644
--- a/src/components/Modals/CookiesModal.jsx
+++ b/src/components/Modals/CookiesModal.jsx
@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import React from "react";
 import Modal from "../../components/ui/Modal.jsx";
 import cookiesModalCover from "../../assets/img/illustrations/cookies-modal-cover.svg";
 import { Link } from "react-router-dom";
diff --git a/src/components/game/GameContainer.jsx b/src/components/game/GameContainer.jsx
index 38a3211..ebd0827 100644
--- a/src/components/game/GameContainer.jsx
+++ b/src/components/game/GameContainer.jsx
@@ -1,13 +1,10 @@
 import React, { useEffect, useState } from "react";
 import GameObjects from "./GameObjects";
 import { useGame } from "../../hooks/useGame";
-import { postWordpressStatisticsData, useWordpressCustomData } from "../../services/WordpressFetchData.js";
+import { useWordpressCustomData } from "../../services/WordpressFetchData.js";
 import Score from "../../components/game/Score.jsx";
 import Timer from "../../components/game/Timer.jsx";
 import Help from "../../components/game/Help.jsx";
-import SoundControl from "../../components/game/SoundControl.jsx";
-import ExtraControls from "../../components/game/ExtraControls.jsx";
-import { useUser } from "../../hooks/useUser.jsx";
 import Loading from "../../components/animations/Loading.jsx";
 
 export default function GameContainer({ gameId }) {
@@ -16,8 +13,7 @@ export default function GameContainer({ gameId }) {
 	const [isDragging, setIsDragging] = useState(false);
 	const [startX, setStartX] = useState(0);
 
-	const { answers, contextGameDatas, setContextGameDatas, isGameComplete, score } = useGame();
-	const { language, country } = useUser();
+	const { contextGameDatas, setContextGameDatas, isGameComplete, score } = useGame();
 
 	useEffect(() => {
 		if (!gameDatas || gameDatas.error) return;
@@ -55,7 +51,7 @@ export default function GameContainer({ gameId }) {
 
 	const gameBackgroundUrl = contextGameDatas.gameBlockDatas.attrs.coverUrl;
 	const blocks = contextGameDatas.gameBlockDatas.innerBlocks;
-	
+
 	return (
 		<>
 			{/* <ExtraControls /> */}
diff --git a/src/components/game/SoundControl.jsx b/src/components/game/SoundControl.jsx
index e7fdbc0..2f851de 100644
--- a/src/components/game/SoundControl.jsx
+++ b/src/components/game/SoundControl.jsx
@@ -1,5 +1,5 @@
-import React, { useEffect, useState } from "react";
-import useSound from "use-sound";
+import React, { useState } from "react";
+// import useSound from "use-sound";
 import chantierAtmopshere from "../../assets/sounds/chantier_1.mp3";
 import soundControlIcon from "../../assets/img/icons/sound-control-icon.svg";
 export default function SoundControl() {
diff --git a/src/components/game/Timer.jsx b/src/components/game/Timer.jsx
index 363729e..115d5aa 100644
--- a/src/components/game/Timer.jsx
+++ b/src/components/game/Timer.jsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import React, { useEffect } from "react";
 import clock from "../../assets/img/illustrations/clock.svg";
 import { useGame } from "../../hooks/useGame";
 import { formatCurrentTime } from "../../utils/gameFunctions";
diff --git a/src/components/results/ResultsModals.jsx b/src/components/results/ResultsModals.jsx
index 3de3a6f..330b7f9 100644
--- a/src/components/results/ResultsModals.jsx
+++ b/src/components/results/ResultsModals.jsx
@@ -24,7 +24,7 @@ export default function ResultsModals({ resultsDatas }) {
 
 	if (!resultsDatas) return navigate("/home");
 
-	const { gameStats, contextGameDatas } = resultsDatas;
+	const { gameStats } = resultsDatas;
 
 	function goRating() {
 		setIsModalOpen(false);
diff --git a/src/components/ui/Footer.jsx b/src/components/ui/Footer.jsx
index a8b829e..5daaac6 100644
--- a/src/components/ui/Footer.jsx
+++ b/src/components/ui/Footer.jsx
@@ -58,7 +58,10 @@ export default function Footer() {
 						</li>
 						<li className='made_by'>
 							Web & graphic design by{" "}
-							<a target='_blank' href='https://deligraph.com/'>
+							<a
+								target='_blank'
+								rel='noreferrer'
+								href='https://deligraph.com/'>
 								Deligraph
 							</a>
 						</li>
diff --git a/src/components/ui/LanguageSelect.jsx b/src/components/ui/LanguageSelect.jsx
index ea6ee0b..3060810 100644
--- a/src/components/ui/LanguageSelect.jsx
+++ b/src/components/ui/LanguageSelect.jsx
@@ -6,7 +6,6 @@ export default function LanguageSelect() {
 	const [isSubmenuOpen, setIsSubmenuOpen] = useState(false);
 
 	if (!screensTranslations || !screensTranslations.ui) return <p>loading translations…</p>;
-	const currentUiTranslations = screensTranslations.ui;
 
 	function handleShowHideSubmenu() {
 		setIsSubmenuOpen(!isSubmenuOpen);
diff --git a/src/components/ui/Nav.jsx b/src/components/ui/Nav.jsx
index 0768580..dcd240c 100644
--- a/src/components/ui/Nav.jsx
+++ b/src/components/ui/Nav.jsx
@@ -1,4 +1,4 @@
-import { Link, NavLink } from "react-router-dom";
+import { Link } from "react-router-dom";
 import { useLocation } from "react-router-dom";
 import { useUser } from "../../hooks/useUser";
 import LanguageSelect from "./LanguageSelect";
@@ -11,7 +11,7 @@ import Loading from "../animations/Loading";
 export default function Nav() {
 	let location = useLocation();
 
-	const { language, screensTranslations } = useUser();
+	const { screensTranslations } = useUser();
 
 	const [isMenuOpen, setIsMenuOpen] = useState(false);
 
@@ -44,7 +44,7 @@ export default function Nav() {
 
 	return (
 		<nav className='main-menu'>
-			{location && location.pathname != "/Home" ? <Logo /> : null}
+			{location && location.pathname !== "/Home" ? <Logo /> : null}
 			<LanguageSelect />
 			<button
 				title={uiScreenTranslations.openMenu}
diff --git a/src/context/GameContext.js b/src/context/GameContext.js
index 7c536a8..20a9d3f 100644
--- a/src/context/GameContext.js
+++ b/src/context/GameContext.js
@@ -1,5 +1,5 @@
-import { createContext, useContext, useEffect, useState } from "react";
-import chantierAtmopshere from "../assets/sounds/chantier_1.mp3";
+import { createContext, useEffect, useState } from "react";
+// import chantierAtmopshere from "../assets/sounds/chantier_1.mp3";
 import GameAnswerExplanation from "../components/game/GameAnswerExplanation.jsx";
 import { useUser } from "../hooks/useUser.jsx";
 import { calculateScore } from "../utils/gameFunctions.js";
diff --git a/src/index.js b/src/index.js
index 2d9c670..03dec9a 100644
--- a/src/index.js
+++ b/src/index.js
@@ -3,12 +3,8 @@ import ReactDOM from "react-dom/client";
 import "./index.css";
 import App from "./App";
 import { UserContextProvider } from "./context/UserContext.js";
-import { BrowserRouter, Route, Routes, useLocation } from "react-router-dom";
-import { AnimatePresence } from "framer-motion";
-import Home from "./pages/Home.jsx";
-import Profile from "./pages/Profile.jsx";
+import { BrowserRouter } from "react-router-dom";
 import { ErrorBoundary } from "react-error-boundary";
-// import { ErrorBoundary } from "./components/ErrorBoundary.jsx";
 
 const root = ReactDOM.createRoot(document.getElementById("root"));
 
diff --git a/src/pages/Country.jsx b/src/pages/Country.jsx
index 44fdba2..255abd4 100644
--- a/src/pages/Country.jsx
+++ b/src/pages/Country.jsx
@@ -11,7 +11,7 @@ export default function Country() {
 	const navigate = useNavigate();
 	const location = useLocation();
 
-	const { language, screensTranslations } = useUser();
+	const { screensTranslations } = useUser();
 
 	if (!screensTranslations || !screensTranslations.country) return <p>loading</p>;
 	const currentScreenTranslations = screensTranslations.country;
diff --git a/src/pages/Results.jsx b/src/pages/Results.jsx
index adca6e5..82a711d 100644
--- a/src/pages/Results.jsx
+++ b/src/pages/Results.jsx
@@ -2,14 +2,11 @@ import React from "react";
 
 import Nav from "../components/ui/Nav";
 import AnimatedPage from "../components/AnimatedPage";
-import { useUser } from "../hooks/useUser";
 import { useLocation } from "react-router-dom";
 import ResultsModals from "../components/results/ResultsModals";
 import { useNavigate } from "react-router-dom";
 
 export default function Results() {
-	// const { language, screenTranslations } = useUser();
-	// if (!screenTranslations) return <p>loading</p>;
 	let location = useLocation();
 
 	const navigate = useNavigate();
diff --git a/src/pages/Test.jsx b/src/pages/Test.jsx
index 7c3237d..8308239 100644
--- a/src/pages/Test.jsx
+++ b/src/pages/Test.jsx
@@ -1,13 +1,9 @@
 import Nav from "../components/ui/Nav";
 import { postGameStatisticsData, postRatingData } from "../services/WordpressFetchData";
-import { useLanguage } from "../hooks/useLanguage";
-import { useEffect, useState } from "react";
-import axios from "axios";
+import { useState } from "react";
 
 export default function Test() {
-	const { language } = useLanguage();
-
-	const [randomData, setRandomData] = useState({});
+	const [randomData] = useState({});
 
 	function postRandomDatas() {
 		const requestDataExample = {
diff --git a/src/pages/Welcome.jsx b/src/pages/Welcome.jsx
index 092404b..45418a5 100644
--- a/src/pages/Welcome.jsx
+++ b/src/pages/Welcome.jsx
@@ -9,7 +9,7 @@ import Lottie from "lottie-react";
 import Loading from "../components/animations/Loading";
 
 export default function Welcome() {
-	const { language, screensTranslations } = useUser();
+	const { screensTranslations } = useUser();
 
 	if (!screensTranslations || !screensTranslations.welcome) return <Loading />;
 	const currentScreenTranslations = screensTranslations.welcome;