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)
+ }}
+ />
+
+ )
+}