main

2026-05-04 18:01:01 +03:00
parent ab5864df2f
commit 0d194f7409
39 changed files with 1260 additions and 438 deletions
@@ -10,7 +10,7 @@ import {
  SelectValueText,
 } from '@/components/ui/collections/select';
 import { useParams } from 'next/navigation';
-import { createListCollection } from '@chakra-ui/react';
+import { createListCollection, ClientOnly } from '@chakra-ui/react';
 import { usePathname, useRouter } from '@/i18n/navigation';

 const LocaleSwitcher = () => {
@@ -40,27 +40,29 @@ const LocaleSwitcher = () => {
    });
  }
  return (
-    <SelectRoot
-      disabled={isPending}
-      value={[locale]}
-      onValueChange={onSelectChange}
-      w={{ base: 'full', lg: '24' }}
-      size='sm'
-      variant='outline'
-      borderRadius='md'
-      collection={collections}
-    >
-      <SelectTrigger>
-        <SelectValueText placeholder='Select a language' />
-      </SelectTrigger>
-      <SelectContent zIndex='9999'>
-        {collections.items.map((collection) => (
-          <SelectItem key={collection.value} item={collection}>
-            {collection.label}
-          </SelectItem>
-        ))}
-      </SelectContent>
-    </SelectRoot>
+    <ClientOnly fallback={<div style={{ height: '32px' }} />}>
+      <SelectRoot
+        disabled={isPending}
+        value={[locale]}
+        onValueChange={onSelectChange}
+        w={{ base: 'full', lg: '24' }}
+        size='sm'
+        variant='outline'
+        borderRadius='md'
+        collection={collections}
+      >
+        <SelectTrigger>
+          <SelectValueText placeholder='Select a language' />
+        </SelectTrigger>
+        <SelectContent zIndex='9999'>
+          {collections.items.map((collection) => (
+            <SelectItem key={collection.value} item={collection}>
+              {collection.label}
+            </SelectItem>
+          ))}
+        </SelectContent>
+      </SelectRoot>
+    </ClientOnly>
  );
 };