1
0
Fork 0
freesewing/sites/shared/components/locale-picker.js
2022-07-01 18:41:07 -05:00

31 lines
752 B
JavaScript

import themes from 'shared/themes/index.js'
import LocaleIcon from 'shared/components/icons/i18n.js'
import { useRouter } from 'next/router'
import { useTranslation } from 'next-i18next'
import {Picker, PickerLink} from './picker';
const LocalePicker = ({ app, iconOnly=false }) => {
const { t } = useTranslation(['locales'])
const router = useRouter()
const pickerProps = {
iconOnly,
Icon: LocaleIcon,
title: t(router.locale)
}
return (
<Picker {...pickerProps} >
{router.locales.map(locale => (
<PickerLink
locale={locale}
href={router.asPath}
key={locale}>
{t(locale)}
</PickerLink>
))}
</Picker>
)
}
export default LocalePicker