refactoring nav
This commit is contained in:
parent
4276adb4be
commit
0df0a90e73
|
|
@ -1,10 +1,9 @@
|
|||
import { useContext, useEffect } from "react";
|
||||
import { NavLink } 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() {
|
||||
let location = useLocation();
|
||||
const { language, changeLanguage } = useLanguage();
|
||||
const { language, changeLanguage } = useUserContext();
|
||||
|
||||
return (
|
||||
<nav className='main-menu'>
|
||||
|
|
@ -14,7 +13,7 @@ export default function Menu() {
|
|||
<NavLink to='/play'>Play</NavLink>
|
||||
<NavLink to='/results'>Results</NavLink>
|
||||
</ul>
|
||||
<button onClick={changeLanguage}>Change language</button>
|
||||
<button onClick={changeLanguage}>{language}</button>
|
||||
</nav>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user