21 lines
670 B
JavaScript
21 lines
670 B
JavaScript
import { useContext, useEffect } from "react";
|
|
import { NavLink } from "react-router-dom";
|
|
import { useLocation } from "react-router-dom";
|
|
import { LanguageContext, useLanguage } from "../hooks/useLanguage";
|
|
export default function Menu() {
|
|
let location = useLocation();
|
|
const { language, changeLanguage } = useLanguage();
|
|
|
|
return (
|
|
<nav className='main-menu'>
|
|
<ul className='navlist'>
|
|
<NavLink to='/'>Home</NavLink>
|
|
<NavLink to='/select-profile'>Profile</NavLink>
|
|
<NavLink to='/play'>Play</NavLink>
|
|
<NavLink to='/results'>Results</NavLink>
|
|
</ul>
|
|
<button onClick={changeLanguage}>Change language</button>
|
|
</nav>
|
|
);
|
|
}
|