Antoine/lhoist-stay-safe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adding links to menu

Browse Source
This commit is contained in:
Antoine M 2024-01-31 19:42:00 +01:00
parent fc07b5d7fb
commit 547ba3fdd7
1 changed files with 7 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Menu.jsx
View File

@ -1,24 +1,20 @@
import { useContext } from "react"; 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 { LanguageContext, useLanguage } from "../hooks/useLanguage";
export default function Menu() { export default function Menu() {
let location = useLocation(); let location = useLocation();
const { language, changeLanguage } = useLanguage(); const { language, changeLanguage } = useLanguage();
console.log(language);
return ( return (
<nav className='main-menu'> <nav className='main-menu'>
<button onClick={changeLanguage}>Change language</button>
<nav>
<ul className='navlist'> <ul className='navlist'>
<NavLink to='/'>Home</NavLink> <NavLink to='/'>Home</NavLink>
<NavLink to='/Play'>Play</NavLink> <NavLink to='/select-profile'>Profile</NavLink>
<NavLink to='/play'>Play</NavLink>
<NavLink to='/results'>Results</NavLink>
</ul> </ul>
</nav> <button onClick={changeLanguage}>Change language</button>
</nav> </nav>
); );
} }