🚧 wip migrate to next-i18n

src/components/Settings/LanguageSwitch.tsx

@@ -3,27 +3,26 @@ import { showNotification } from '@mantine/notifications';
 import { IconLanguage } from '@tabler/icons';
 
 import { forwardRef, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { convertCodeToName } from '../../translations/i18n';
+import { useTranslation } from 'next-i18next';
 
 export default function LanguageSwitch() {
-  const { t, i18n } = useTranslation();
-  const { language, languages, changeLanguage } = i18n;
+  const { t, i18n } = useTranslation('settings/general/internationalization');
+  /*const { language, languages, changeLanguage } = i18n;
 
   const [selectedLanguage, setSelectedLanguage] = useState<string | null>(language);
 
   const data = languages.map((language) => ({
     image: `https://countryflagsapi.com/png/${language.split('-').pop()}`,
-    label: convertCodeToName(language),
+    label: 'JA',
     value: language,
-  }));
+  }));*/
 
   const onChangeSelect = (value: string) => {
-    setSelectedLanguage(value);
+    //setSelectedLanguage(value);
 
-    const languageName = convertCodeToName(value);
+    const languageName = 'JA IS HALZ SCHEISSE NE';
 
-    changeLanguage(value)
+    /*changeLanguage(value)
       .then(() => {
         showNotification({
           title: 'Language changed',
@@ -39,20 +38,27 @@ export default function LanguageSwitch() {
           color: 'red',
           autoClose: 5000,
         });
-      });
+      });*/
   };
 
   return (
     <Stack>
       <Select
         icon={<IconLanguage size={18} />}
-        label={t('settings.tabs.common.settings.language.title')}
-        data={data}
+        label={t('label')}
+        data={[
+          {
+            value: 'uwu',
+            label: 'asdf',
+          },
+        ]}
         itemComponent={SelectItem}
         nothingFound="Nothing found"
         onChange={onChangeSelect}
+        /*
         value={selectedLanguage}
         defaultValue={language}
+        */
       />
     </Stack>
   );