use dynamic translations
This commit is contained in:
parent
8d2cc0f47b
commit
5e96ab6955
7 changed files with 88 additions and 49 deletions
|
@ -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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue