Добавлены модели и функциональность для управления администраторами, включая авторизацию через JWT, запросы и мутации для получения информации об администраторах и управления пользователями. Обновлены стили и логика работы с токенами в Apollo Client. Улучшен интерфейс взаимодействия с пользователем.

2025-07-19 14:53:45 +03:00
parent f24c015021
commit 6287449521
26 changed files with 3931 additions and 19 deletions
--- a/src/components/admin/ui-kit-section.tsx
+++ b/src/components/admin/ui-kit-section.tsx
@ -0,0 +1,86 @@
+"use client"
+
+import { useState } from 'react'
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
+import { ButtonsDemo } from './ui-kit/buttons-demo'
+import { FormsDemo } from './ui-kit/forms-demo'
+import { CardsDemo } from './ui-kit/cards-demo'
+import { TypographyDemo } from './ui-kit/typography-demo'
+import { ColorsDemo } from './ui-kit/colors-demo'
+import { IconsDemo } from './ui-kit/icons-demo'
+
+export function UIKitSection() {
+  return (
+    <div className="p-8">
+      <div className="mb-8">
+        <h1 className="text-3xl font-bold text-white mb-2">UI Kit</h1>
+        <p className="text-white/70">Полная коллекция компонентов дизайн-системы SferaV</p>
+      </div>
+
+      <Tabs defaultValue="buttons" className="w-full">
+        <TabsList className="grid w-full grid-cols-6 bg-white/5 backdrop-blur border-white/10 mb-8">
+          <TabsTrigger 
+            value="buttons" 
+            className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70"
+          >
+            Кнопки
+          </TabsTrigger>
+          <TabsTrigger 
+            value="forms" 
+            className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70"
+          >
+            Формы
+          </TabsTrigger>
+          <TabsTrigger 
+            value="cards" 
+            className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70"
+          >
+            Карточки
+          </TabsTrigger>
+          <TabsTrigger 
+            value="typography" 
+            className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70"
+          >
+            Типографика
+          </TabsTrigger>
+          <TabsTrigger 
+            value="colors" 
+            className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70"
+          >
+            Цвета
+          </TabsTrigger>
+          <TabsTrigger 
+            value="icons" 
+            className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70"
+          >
+            Иконки
+          </TabsTrigger>
+        </TabsList>
+
+        <TabsContent value="buttons" className="space-y-6">
+          <ButtonsDemo />
+        </TabsContent>
+
+        <TabsContent value="forms" className="space-y-6">
+          <FormsDemo />
+        </TabsContent>
+
+        <TabsContent value="cards" className="space-y-6">
+          <CardsDemo />
+        </TabsContent>
+
+        <TabsContent value="typography" className="space-y-6">
+          <TypographyDemo />
+        </TabsContent>
+
+        <TabsContent value="colors" className="space-y-6">
+          <ColorsDemo />
+        </TabsContent>
+
+        <TabsContent value="icons" className="space-y-6">
+          <IconsDemo />
+        </TabsContent>
+      </Tabs>
+    </div>
+  )
+}