renaming MenuComponent into Nav

src/components/ui/Nav.jsx

@@ -18,7 +18,6 @@ export default function Nav() {
 			</ul> */}
 
 			<LanguageSelect />
-			<Nav />
 		</nav>
 	);
 }

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>

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";

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>

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>

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>

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>

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";