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
774 B
31 lines
774 B
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.substring(0,2).toUpperCase()
|
|
if(locale==="EN")locale="GB";
|
|
return (<ReactFlagsSelect onSelect={selectHandler}
|
|
className="text-primary"
|
|
countries={["GB", "FR", "ES"]}
|
|
showOptionLabel={false}
|
|
defaultCountry={locale}
|
|
selectedSize={14}
|
|
optionsSize={14}
|
|
showSelectedLabel={false}
|
|
/>);
|
|
};
|
|
|
|
|
|
export default LanguageSelector; |