diff --git a/src/frontend/src/features/settings/components/SettingsDialogExtended.tsx b/src/frontend/src/features/settings/components/SettingsDialogExtended.tsx index 7953e836..0db29ea2 100644 --- a/src/frontend/src/features/settings/components/SettingsDialogExtended.tsx +++ b/src/frontend/src/features/settings/components/SettingsDialogExtended.tsx @@ -10,6 +10,7 @@ import { RiSpeakerLine, } from '@remixicon/react' import { AccountTab } from './tabs/AccountTab' +import { GeneralTab } from '@/features/settings/components/tabs/GeneralTab.tsx' const tabsStyle = css({ maxHeight: '40.625rem', // fixme size copied from meet settings modal @@ -70,9 +71,7 @@ export const SettingsDialogExtended = (props: SettingsDialogExtended) => { There are your audio settings - - There are your general setting - + diff --git a/src/frontend/src/features/settings/components/tabs/GeneralTab.tsx b/src/frontend/src/features/settings/components/tabs/GeneralTab.tsx new file mode 100644 index 00000000..170fc02c --- /dev/null +++ b/src/frontend/src/features/settings/components/tabs/GeneralTab.tsx @@ -0,0 +1,26 @@ +import { Field, H } from '@/primitives' +import { useTranslation } from 'react-i18next' +import { useLanguageLabels } from '@/i18n/useLanguageLabels' +import { TabPanel, TabPanelProps } from '@/primitives/Tabs' + +export type GeneralTabProps = Pick + +export const GeneralTab = ({ id }: GeneralTabProps) => { + const { t, i18n } = useTranslation('settings') + const { languagesList, currentLanguage } = useLanguageLabels() + + return ( + + {t('language.heading')} + { + i18n.changeLanguage(lang as string) + }} + /> + + ) +}