packages/pass/components/Settings/Locale.tsx

   1 import { type FC } from 'react';
   2 import { useDispatch, useSelector } from 'react-redux';
   3
   4 import { c } from 'ttag';
   5
   6 import { LocaleSelect } from '@proton/pass/components/Form/legacy/LocaleSelect';
   7 import { settingsEditIntent } from '@proton/pass/store/actions';
   8 import { selectLocale } from '@proton/pass/store/selectors';
   9
  10 import { SettingsPanel } from './SettingsPanel';
  11
  12 export const Locale: FC = () => {
  13     const locale = useSelector(selectLocale);
  14     const dispatch = useDispatch();
  15
  16     return (
  17         <SettingsPanel title={c('Label').t`Language`}>
  18             <LocaleSelect
  19                 value={locale}
  20                 onChange={(locale) => dispatch(settingsEditIntent('locale', { locale }, true))}
  21             />
  22         </SettingsPanel>
  23     );
  24 };