@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.
24 lines • 1.2 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 { 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 { selectedLanguageDisplayName } = 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: selectedLanguageDisplayName }) }));
};
//# sourceMappingURL=LanguageSetting.js.map