From ec34e07ffb6185857979b5dea97710f806702935 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Thu, 22 Feb 2024 16:45:26 +0100
Subject: [PATCH] renaming MenuComponent into Nav

---
 src/components/ui/{Menu.jsx => Nav.jsx} | 1 -
 src/pages/Country.jsx                   | 6 +++---
 src/pages/Game.jsx                      | 2 +-
 src/pages/Home.jsx                      | 4 ++--
 src/pages/Profile.jsx                   | 4 ++--
 src/pages/Results.jsx                   | 4 ++--
 src/pages/Test.jsx                      | 4 ++--
 src/pages/Welcome.jsx                   | 2 --
 8 files changed, 12 insertions(+), 15 deletions(-)
 rename src/components/ui/{Menu.jsx => Nav.jsx} (95%)

diff --git a/src/components/ui/Menu.jsx b/src/components/ui/Nav.jsx
similarity index 95%
rename from src/components/ui/Menu.jsx
rename to src/components/ui/Nav.jsx
index dfcb623..4aa6fca 100644
--- a/src/components/ui/Menu.jsx
+++ b/src/components/ui/Nav.jsx
@@ -18,7 +18,6 @@ export default function Nav() {
 			</ul> */}
 
 			<LanguageSelect />
-			<Nav />
 		</nav>
 	);
 }
diff --git a/src/pages/Country.jsx b/src/pages/Country.jsx
index b764595..91ef804 100644
--- a/src/pages/Country.jsx
+++ b/src/pages/Country.jsx
@@ -1,6 +1,6 @@
 import React from "react";
 import CountrySelect from "../components/ui/CountrySelect";
-import Menu from "../components/ui/Menu";
+import Nav from "../components/ui/Nav";
 import { motion } from "framer-motion";
 import { useLocation, useNavigate } from "react-router-dom";
 
@@ -12,7 +12,7 @@ export default function Country() {
 	const location = useLocation();
 
 	const { language, screensTranslations } = useUser();
-	
+
 	if (!screensTranslations || !screensTranslations.country) return <p>loading</p>;
 	const currentScreenTranslations = screensTranslations.country;
 
@@ -24,7 +24,7 @@ export default function Country() {
 			exit={{ x: "-100%", opacity: 1 }}
 			transition={{ duration: 0.3, ease: "easeOut" }}>
 			<div className='screen screen--profile'>
-				<Menu />
+				<Nav />
 				<section className='screen__content'>
 					<h1 className='titling-construction'>{currentScreenTranslations.profile}</h1>
 					<h2 className='screen-subtitle '>{currentScreenTranslations.iam}...</h2>
diff --git a/src/pages/Game.jsx b/src/pages/Game.jsx
index 85da1d3..751976e 100644
--- a/src/pages/Game.jsx
+++ b/src/pages/Game.jsx
@@ -1,6 +1,6 @@
 import { GameContextProvider } from "../context/GameContext.js";
 
-import Menu from "../components/ui/Menu.jsx";
+import Nav from "../components/ui/Nav";
 import GameContainer from "../components/game/GameContainer.jsx";
 
 import Tutorials from "../components/tutorials/Tutorials.jsx";
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 83dcda1..7cf69c3 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -1,4 +1,4 @@
-import Menu from "../components/ui/Menu";
+import Nav from "../components/ui/Nav";
 import { useWordpressCustomData } from "../services/WordpressFetchData";
 import coverWorker from "../assets/img/cover_worker.svg";
 import screenWorker1 from "../assets/img/screen_worker_1.svg";
@@ -19,7 +19,7 @@ export default function Home() {
 	return (
 		<AnimatedPage className='page-container page-container--home'>
 			<div className='screen screen--home'>
-				<Menu />
+				<Nav />
 				<section className='screen__content'>
 					<img className='cover_worker' src={coverWorker} alt='' />
 					<h1 className='application_title'>stay safe</h1>
diff --git a/src/pages/Profile.jsx b/src/pages/Profile.jsx
index 2822460..b4901fa 100644
--- a/src/pages/Profile.jsx
+++ b/src/pages/Profile.jsx
@@ -1,5 +1,5 @@
 import React from "react";
-import Menu from "../components/ui/Menu";
+import Nav from "../components/ui/Nav";
 
 import { useLocation, useNavigate } from "react-router-dom";
 import { motion } from "framer-motion";
@@ -31,7 +31,7 @@ export default function Profile() {
 	return (
 		<AnimatedPage className='page-container page-container--profile page-container-has-screen'>
 			<div className='screen screen--profile'>
-				<Menu />
+				<Nav />
 				<section className='screen__content'>
 					<h1 className='titling-construction'>{currentScreenTranslations.profile}</h1>
 					<h2 className='screen-subtitle '>{currentScreenTranslations.iam}...</h2>
diff --git a/src/pages/Results.jsx b/src/pages/Results.jsx
index 4794586..0442f8e 100644
--- a/src/pages/Results.jsx
+++ b/src/pages/Results.jsx
@@ -1,6 +1,6 @@
 import React from "react";
 
-import Menu from "../components/ui/Menu";
+import Nav from "../components/ui/Nav";
 import AnimatedPage from "../components/AnimatedPage";
 import { useUser } from "../hooks/useUser";
 import { useLocation } from "react-router-dom";
@@ -18,7 +18,7 @@ export default function Results() {
 			<div
 				className='screen '
 				style={{ backgroundImage: `url("${contextGameDatas.gameBlockDatas.attrs.coverUrl}")` }}>
-				<Menu />
+				<Nav />
 				<ResultsModals resultsDatas={location.state} />
 				{/* <div id='screen-container'></div> */}
 			</div>
diff --git a/src/pages/Test.jsx b/src/pages/Test.jsx
index 06c96d6..7c3237d 100644
--- a/src/pages/Test.jsx
+++ b/src/pages/Test.jsx
@@ -1,4 +1,4 @@
-import Menu from "../components/ui/Menu";
+import Nav from "../components/ui/Nav";
 import { postGameStatisticsData, postRatingData } from "../services/WordpressFetchData";
 import { useLanguage } from "../hooks/useLanguage";
 import { useEffect, useState } from "react";
@@ -33,7 +33,7 @@ export default function Test() {
 	return (
 		<div className='page-container page-container--test'>
 			<div className='screen screen--test'>
-				<Menu />
+				<Nav />
 				<button onClick={postRandomRating}> Post Random Rating</button>
 				<div id='screen-container'>
 					<button onClick={postRandomDatas}>Post Random Datas</button>
diff --git a/src/pages/Welcome.jsx b/src/pages/Welcome.jsx
index c6092cb..044d547 100644
--- a/src/pages/Welcome.jsx
+++ b/src/pages/Welcome.jsx
@@ -1,5 +1,3 @@
-import Menu from "../components/ui/Menu";
-
 import { Link } from "react-router-dom";
 import AppLogo from "../components/ui/AppLogo";
 import AnimatedPage from "../components/AnimatedPage";