🚧 wip migrate to next-i18n

src/components/Settings/ShadeSelector.tsx

@@ -9,13 +9,14 @@ import {
   Stack,
   Grid,
 } from '@mantine/core';
+import { useTranslation } from 'next-i18next';
 import { useConfig } from '../../tools/state';
 import { useColorTheme } from '../../tools/color';
-import { t } from 'i18next';
 
 export function ShadeSelector() {
   const { config, setConfig } = useConfig();
   const [opened, setOpened] = useState(false);
+  const { t } = useTranslation('settings/general/shade-selector');
 
   const { primaryColor, secondaryColor, primaryShade, setPrimaryShade } = useColorTheme();
 
@@ -95,7 +96,7 @@ export function ShadeSelector() {
           </Stack>
         </Popover.Dropdown>
       </Popover>
-      <Text>{t('settings.tabs.customizations.settings.shadeSelector.label')}</Text>
+      <Text>{t('label')}</Text>
     </Group>
   );
 }