@lifi/widget
Version:
LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.
29 lines • 1.42 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import Language from '@mui/icons-material/Language';
import { useTranslation } from 'react-i18next';
import { useNavigate } from 'react-router-dom';
import { CardButton } from '../../components/Card/CardButton.js';
import { CardValue } from '../../components/Card/CardButton.style.js';
import { useLanguages } from '../../hooks/useLanguages.js';
import { languageNames } from '../../providers/I18nProvider/constants.js';
import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
import { HiddenUI } from '../../types/widget.js';
import { navigationRoutes } from '../../utils/navigationRoutes.js';
export const LanguageSetting = () => {
const { t } = useTranslation();
const navigate = useNavigate();
const { hiddenUI } = useWidgetConfig();
const { selectedLanguageCode } = useLanguages();
if (hiddenUI?.includes(HiddenUI.Language)) {
return null;
}
const handleClick = () => {
navigate(navigationRoutes.languages);
};
return (_jsx(CardButton, { onClick: handleClick, icon: _jsx(Language, {}), title: t('language.title'), children: _jsx(CardValue, { children: languageNames[selectedLanguageCode] ||
t('language.name', {
lng: selectedLanguageCode,
}) ||
selectedLanguageCode }) }));
};
//# sourceMappingURL=LanguageSetting.js.map