You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 lines
820 B
34 lines
820 B
import {useRouter} from 'next/router'
|
|
import ReactFlagsSelect from 'react-flags-select';
|
|
|
|
const LanguageSelector = () => {
|
|
|
|
const router = useRouter();
|
|
let localeShort = router.locale.substring(0, 2).toUpperCase();
|
|
if (localeShort === "EN") localeShort = "GB";
|
|
|
|
const selectHandler = e => {
|
|
let locale = e.toLowerCase();
|
|
if (locale === "gb") locale = "en";
|
|
router.push("", "", {locale})
|
|
};
|
|
return (
|
|
<ReactFlagsSelect
|
|
onSelect={selectHandler}
|
|
countries={
|
|
// ["GB", "FR", "ES", "DE", "RU"]
|
|
["GB", "FR"]
|
|
}
|
|
showOptionLabel={false}
|
|
selected={localeShort}
|
|
selectedSize={15}
|
|
optionsSize={22}
|
|
showSelectedLabel={false}
|
|
showSecondaryOptionLabel={false}
|
|
className="menu-flags"
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default LanguageSelector;
|