Browse Source

ran linter

pull/9/head
Nareshkumar Rao 3 years ago
parent
commit
33fa1ae63e
  1. 29
      src/components/LanguageSwitcher.js
  2. 4
      src/i18n.js

29
src/components/LanguageSwitcher.js

@ -1,9 +1,8 @@
import { Select } from "@chakra-ui/react";
import { Select } from '@chakra-ui/react';
import Flags from 'country-flag-icons/react/3x2'; import Flags from 'country-flag-icons/react/3x2';
import { useTranslation } from "react-i18next";
import { useDispatch } from "react-redux";
import { setLanguage } from "../features/auth/langSlice";
import { useTranslation } from 'react-i18next';
import { useDispatch } from 'react-redux';
import { setLanguage } from '../features/auth/langSlice';
function LanguageSwitcher() { function LanguageSwitcher() {
const [, i18n] = useTranslation(); const [, i18n] = useTranslation();
@ -11,32 +10,36 @@ function LanguageSwitcher() {
const currentLangIcon = (() => { const currentLangIcon = (() => {
switch (i18n.language) { switch (i18n.language) {
case "en":
case 'en':
return <Flags.GB />; return <Flags.GB />;
case "ms":
case 'ms':
return <Flags.MY />; return <Flags.MY />;
case "zh":
case 'zh':
return <Flags.CN />; return <Flags.CN />;
case "ta":
case 'ta':
return <Flags.IN />; return <Flags.IN />;
default: default:
return <Flags.GB />; return <Flags.GB />;
} }
})(); })();
const handleSelectLanguage = (e) => {
const handleSelectLanguage = e => {
const languageKey = e.target.value; const languageKey = e.target.value;
i18n.changeLanguage(languageKey); i18n.changeLanguage(languageKey);
dispatch(setLanguage(languageKey)); dispatch(setLanguage(languageKey));
}
};
return ( return (
<Select value={i18n.language} icon={currentLangIcon} variant="filled" onChange={handleSelectLanguage}>
<Select
value={i18n.language}
icon={currentLangIcon}
variant="filled"
onChange={handleSelectLanguage}
>
<option value="en">English</option> <option value="en">English</option>
<option value="ms">Bahasa Melayu</option> <option value="ms">Bahasa Melayu</option>
<option value="zh">中文</option> <option value="zh">中文</option>
<option value="ta">தமிழ்</option> <option value="ta">தமிழ்</option>
</Select> </Select>
); );
} }

4
src/i18n.js

@ -18,12 +18,12 @@ const resources = {
}, },
ta: { ta: {
common: taTranslation, common: taTranslation,
}
},
}; };
i18n.use(initReactI18next).init({ i18n.use(initReactI18next).init({
resources, resources,
lng: Cookies.get('lang') ? Cookies.get('lang') : "en",
lng: Cookies.get('lang') ? Cookies.get('lang') : 'en',
defaultNS: 'common', defaultNS: 'common',
interpolation: { interpolation: {
escapeValue: false, escapeValue: false,

Loading…
Cancel
Save