updating component

This commit is contained in:
Antoine M 2024-02-21 11:05:24 +01:00
parent 62a29d4b9d
commit 60c24aca74

View File

@ -1,6 +1,7 @@
import { NavLink } from "react-router-dom"; import { NavLink } from "react-router-dom";
import { useLocation } from "react-router-dom"; import { useLocation } from "react-router-dom";
import { useUser } from "../../hooks/useUser"; import { useUser } from "../../hooks/useUser";
import LanguageSelect from "./LanguageSelect";
export default function Menu() { export default function Menu() {
let location = useLocation(); let location = useLocation();
const { language, changeLanguage } = useUser(); const { language, changeLanguage } = useUser();
@ -8,13 +9,15 @@ export default function Menu() {
return ( return (
<nav className='main-menu'> <nav className='main-menu'>
<ul className='navlist'> <ul className='navlist'>
<NavLink to='/'>Home</NavLink> <NavLink to='/'>Welcome</NavLink>
<NavLink to='/Home'>Home</NavLink>
<NavLink to='/select-profile'>Profile</NavLink> <NavLink to='/select-profile'>Profile</NavLink>
<NavLink to='/select-country'>Country</NavLink> <NavLink to='/select-country'>Country</NavLink>
<NavLink to='/play'>Play</NavLink> <NavLink to='/play'>Play</NavLink>
<NavLink to='/results'>Results</NavLink> <NavLink to='/results'>Results</NavLink>
</ul> </ul>
<button onClick={changeLanguage}>{language}</button>
<LanguageSelect />
</nav> </nav>
); );
} }