use dynamic translations

This commit is contained in:
john 2025-06-15 20:13:18 +02:00
parent 8d2cc0f47b
commit 5e96ab6955
7 changed files with 88 additions and 49 deletions

View file

@ -1,8 +1,10 @@
import { useUser } from '../../user/user.ts'
import NavButton from '../../../components/buttons/NavButton.tsx'
import { useLocation } from 'react-router-dom'
import { useTranslations } from '../../i18n/useTranslations.ts'
export default function AuthNavButtons() {
const { t } = useTranslations()
const user = useUser()
const { pathname } = useLocation()
@ -15,15 +17,15 @@ export default function AuthNavButtons() {
if (loggedIn) {
return (
<>
<NavButton to="/logout">logout</NavButton>
<NavButton to="/logout">{t('nav.logout')}</NavButton>
</>
)
} else {
const search = redirectQuery.toString()
return (
<>
<NavButton to={{ pathname: '/login', search }}>login</NavButton>
<NavButton to={{ pathname: '/signup', search }}>register</NavButton>
<NavButton to={{ pathname: '/login', search }}>{t('nav.login')}</NavButton>
<NavButton to={{ pathname: '/signup', search }}>{t('nav.register')}</NavButton>
</>
)
}