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.
31 lines
798 B
31 lines
798 B
/* eslint react/prop-types: 0 */
|
|
import React from "react";
|
|
import ReactFlagsSelect from "react-flags-select";
|
|
import "react-flags-select/css/react-flags-select.css";
|
|
|
|
import i18n from "../../i18n";
|
|
|
|
const LanguageSelector = () => {
|
|
const selectHandler = e => {
|
|
let locale = e.toLowerCase();
|
|
if (locale === "gb") locale = "en";
|
|
i18n.changeLanguage(locale);
|
|
};
|
|
|
|
let locale = i18n.language? i18n.language.substring(0, 2).toUpperCase() : "EN";
|
|
if (locale === "EN") locale = "GB";
|
|
return (
|
|
<ReactFlagsSelect
|
|
onSelect={selectHandler}
|
|
countries={["GB", "FR", "ES", "DE", "RU"]}
|
|
showOptionLabel={false}
|
|
defaultCountry={locale}
|
|
selectedSize={15}
|
|
optionsSize={22}
|
|
showSelectedLabel={false}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default LanguageSelector;
|