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

handliong translations

Browse Source
This commit is contained in:
Antoine M 2024-03-18 11:13:05 +01:00
parent a9f8da94c9
commit f3506cff63
1 changed files with 9 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/ui/Nav.jsx
View File

@ -10,9 +10,7 @@ import Logo from "./Logo.jsx";
export default function Nav() { export default function Nav() {
let location = useLocation(); let location = useLocation();
const { language, screensTranslations } = useUser(); const { screensTranslations } = useUser();
const uiTranslations = screensTranslations.ui;
const [isMenuOpen, setIsMenuOpen] = useState(false); const [isMenuOpen, setIsMenuOpen] = useState(false);
@ -39,7 +37,9 @@ export default function Nav() {
exit: { y: "-100%" }, exit: { y: "-100%" },
}; };
if (!screensTranslations || !screensTranslations) return <p>loading</p>; if (!screensTranslations || !screensTranslations.ui || !screensTranslations.pagesName) return <p>loading</p>;
const uiTranslations = screensTranslations.ui;
const pagesNamesTranslations = screensTranslations.pagesName;
return ( return (
<nav className='main-menu'> <nav className='main-menu'>
@ -65,20 +65,15 @@ export default function Nav() {
className='cta cta--construction cta--button-icon cta--close' className='cta cta--construction cta--button-icon cta--close'
onClick={handleMenuOpen}></button> onClick={handleMenuOpen}></button>
{/* <ul className='navlist'>
<NavLink to='/'>Welcome</NavLink>
<NavLink to='/Home'>Home</NavLink>
<NavLink to='/select-profile'>Profile</NavLink>
<NavLink to='/select-country'>Country</NavLink>
<NavLink to='/play'>Play</NavLink>
<NavLink to='/results'>Results</NavLink>
</ul> */}
<ul className='menu__main-links'> <ul className='menu__main-links'>
<li> <li>
<Link to='/thematiques'>Thématiques</Link> <Link to='/about'>{pagesNamesTranslations.about}</Link>
</li> </li>
<li> <li>
<Link to='/about'>À propos</Link> <Link to='/themes'>
{pagesNamesTranslations.themes}{" "}
<span className='span-construction'>interactive</span>
</Link>
</li> </li>
</ul> </ul>