refactoring nav

This commit is contained in:
Antoine M 2024-02-01 18:26:34 +01:00
parent 4276adb4be
commit 0df0a90e73

View File

@ -1,10 +1,9 @@
import { useContext, useEffect } from "react";
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 { LanguageContext, useLanguage } from "../hooks/useLanguage"; import { useUserContext } from "../hooks/useUserContext";
export default function Menu() { export default function Menu() {
let location = useLocation(); let location = useLocation();
const { language, changeLanguage } = useLanguage(); const { language, changeLanguage } = useUserContext();
return ( return (
<nav className='main-menu'> <nav className='main-menu'>
@ -14,7 +13,7 @@ export default function Menu() {
<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}>Change language</button> <button onClick={changeLanguage}>{language}</button>
</nav> </nav>
); );
} }