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 { 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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user