Fix i18n hydration errors (#245)

Co-authored-by: dgaponov <[email protected]>
gravity-ui · Aug 7, 2024 · c737542 · c737542
1 parent ec70473
commit c737542
Show file tree

Hide file tree

Showing 13 changed files with 13 additions and 12 deletions.
diff --git a/src/components/Themes/ui/BasicPalette/AddColorButton.tsx b/src/components/Themes/ui/BasicPalette/AddColorButton.tsx
@@ -1,7 +1,7 @@
 import {Plus} from 'landing-icons';
 import {Button, Icon} from 'landing-uikit';
+import {useTranslation} from 'next-i18next';
 import React from 'react';
-import {useTranslation} from 'react-i18next';
 
 import {block} from '../../../../utils';
 

diff --git a/src/components/Themes/ui/BasicPalette/BasicPalette.tsx b/src/components/Themes/ui/BasicPalette/BasicPalette.tsx
@@ -1,5 +1,5 @@
+import {useTranslation} from 'next-i18next';
 import React from 'react';
-import {useTranslation} from 'react-i18next';
 
 import {useThemeCreatorMethods, useThemePalette} from '../../hooks';
 import {ThemeVariant} from '../../lib/types';

diff --git a/src/components/Themes/ui/BorderRadiusTab/BorderCard/BorderCard.tsx b/src/components/Themes/ui/BorderRadiusTab/BorderCard/BorderCard.tsx
@@ -1,5 +1,5 @@
+import {useTranslation} from 'next-i18next';
 import React, {useCallback} from 'react';
-import {useTranslation} from 'react-i18next';
 import {SelectableCard} from 'src/components/SelectableCard/SelectableCard';
 import {RADIUS_PRESETS} from 'src/components/Themes/lib/constants';
 import {RadiusPresetName} from 'src/components/Themes/lib/types';

diff --git a/src/components/Themes/ui/BorderRadiusTab/BorderPresets/BorderPresets.tsx b/src/components/Themes/ui/BorderRadiusTab/BorderPresets/BorderPresets.tsx
@@ -1,6 +1,6 @@
 import {Col, Row} from 'landing-uikit';
+import {useTranslation} from 'next-i18next';
 import React, {useCallback} from 'react';
-import {useTranslation} from 'react-i18next';
 import {ChangeRadiusPresetInThemeParams} from 'src/components/Themes/lib/themeCreatorUtils';
 import {RadiusPresetName} from 'src/components/Themes/lib/types';
 

diff --git a/src/components/Themes/ui/BorderRadiusTab/ComponentPreview/ComponentPreview.tsx b/src/components/Themes/ui/BorderRadiusTab/ComponentPreview/ComponentPreview.tsx
@@ -1,5 +1,5 @@
+import {useTranslation} from 'next-i18next';
 import React from 'react';
-import {useTranslation} from 'react-i18next';
 
 import {useThemeCreator} from '../../../hooks';
 import {exportTheme} from '../../../lib/themeCreatorExport';

diff --git a/src/components/Themes/ui/BorderRadiusTab/CustomRadius/CustomRadius.tsx b/src/components/Themes/ui/BorderRadiusTab/CustomRadius/CustomRadius.tsx
@@ -1,6 +1,6 @@
 import {Col, Flex, Row, Text, TextInput} from 'landing-uikit';
+import {useTranslation} from 'next-i18next';
 import React, {useCallback, useMemo} from 'react';
-import {useTranslation} from 'react-i18next';
 import {UpdateCustomRadiusPresetInThemeParams} from 'src/components/Themes/lib/themeCreatorUtils';
 import {RadiusSizeName, RadiusValue} from 'src/components/Themes/lib/types';
 

diff --git a/src/components/Themes/ui/BorderRadiusTab/Showcase/Showcase.tsx b/src/components/Themes/ui/BorderRadiusTab/Showcase/Showcase.tsx
@@ -10,8 +10,8 @@ import {
     ThemeProvider,
 } from 'landing-uikit';
 import type {ButtonProps} from 'landing-uikit';
+import {useTranslation} from 'next-i18next';
 import React, {useMemo} from 'react';
-import {useTranslation} from 'react-i18next';
 
 import {block} from '../../../../../utils';
 

diff --git a/src/components/Themes/ui/ColorsTab/ColorsTab.tsx b/src/components/Themes/ui/ColorsTab/ColorsTab.tsx
@@ -1,6 +1,6 @@
 import {Flex} from 'landing-uikit';
+import {Trans, useTranslation} from 'next-i18next';
 import React from 'react';
-import {Trans, useTranslation} from 'react-i18next';
 
 import {block} from '../../../../utils';
 import {useThemeCreator, useThemeCreatorMethods} from '../../hooks';

diff --git a/src/components/Themes/ui/ComponentPreview/ComponentPreview.tsx b/src/components/Themes/ui/ComponentPreview/ComponentPreview.tsx
@@ -1,4 +1,5 @@
 import {Flex} from 'landing-uikit';
+import {useTranslation} from 'next-i18next';
 import dynamic from 'next/dynamic';
 import React from 'react';
 

diff --git a/src/components/Themes/ui/ExportThemeSection/ExportThemeSection.tsx b/src/components/Themes/ui/ExportThemeSection/ExportThemeSection.tsx
@@ -1,7 +1,7 @@
 import {ArrowUpFromSquare} from 'landing-icons';
 import {Button, Icon} from 'landing-uikit';
+import {useTranslation} from 'next-i18next';
 import React from 'react';
-import {useTranslation} from 'react-i18next';
 
 import {block} from '../../../../utils';
 import {ThemeExportDialog} from '../ThemeExportDialog/ThemeExportDialog';

diff --git a/src/components/Themes/ui/MainSettings/MainSettings.tsx b/src/components/Themes/ui/MainSettings/MainSettings.tsx
@@ -1,7 +1,7 @@
 import {Sliders} from 'landing-icons';
 import {Button, Flex, Icon, Text} from 'landing-uikit';
+import {useTranslation} from 'next-i18next';
 import React from 'react';
-import {useTranslation} from 'react-i18next';
 
 import {block} from '../../../../utils';
 import {SelectableCard} from '../../../SelectableCard/SelectableCard';

diff --git a/src/components/Themes/ui/ThemableSettings/ThemableCard.tsx b/src/components/Themes/ui/ThemableSettings/ThemableCard.tsx
@@ -1,7 +1,7 @@
 import {Moon, Sun} from 'landing-icons';
 import {Flex, Icon, Text, ThemeProvider} from 'landing-uikit';
+import {useTranslation} from 'next-i18next';
 import React from 'react';
-import {useTranslation} from 'react-i18next';
 
 import {block} from '../../../../utils';
 import {useThemeUtilityColor} from '../../hooks';

diff --git a/src/components/Themes/ui/ThemeExportDialog/ThemeExportDialog.tsx b/src/components/Themes/ui/ThemeExportDialog/ThemeExportDialog.tsx
@@ -1,6 +1,6 @@
 import {Dialog, Flex} from 'landing-uikit';
+import {useTranslation} from 'next-i18next';
 import React from 'react';
-import {useTranslation} from 'react-i18next';
 
 import {block} from '../../../../utils';
 import {CodeExample} from '../../../CodeExample/CodeExample';