From b7af1778397c31049ed058dbe5787654514d53ac Mon Sep 17 00:00:00 2001
From: l3wdfut4pwr l3wdfut4pwr <l3wdfut4pwr@gmail.com>
Date: Wed, 28 Jan 2026 16:57:26 +0200
Subject: add modal tabs

---
 src/components/header/AuthDialog.tsx     | 47 ++++++++++++++++++++++++++++++++
 src/components/header/ProfileOrLogin.tsx | 12 ++++++--
 2 files changed, 57 insertions(+), 2 deletions(-)
 create mode 100644 src/components/header/AuthDialog.tsx

(limited to 'src/components/header')

diff --git a/src/components/header/AuthDialog.tsx b/src/components/header/AuthDialog.tsx
new file mode 100644
index 0000000..d07d952
--- /dev/null
+++ b/src/components/header/AuthDialog.tsx
@@ -0,0 +1,47 @@
+import { Button } from '@/components/ui/button';
+import {
+    Dialog,
+    DialogClose,
+    DialogContent,
+    DialogDescription,
+    DialogFooter,
+    DialogHeader,
+    DialogTitle,
+    DialogTrigger,
+} from '@/components/ui/dialog';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import {
+    Card,
+    CardContent,
+    CardDescription,
+    CardHeader,
+    CardTitle,
+} from '@/components/ui/card';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+
+export function AuthDialog() {
+    return (
+        <DialogContent className="w-[361px] flex">
+            <Tabs defaultValue="overview" className="">
+                <TabsList className="w-[361px] justify-between h-[36px] gap-[10px] p-[5px] bg-background border border-violet rounded-[15px]">
+                    {' '}
+                    <TabsTrigger value="Login" className="w-[59px]">
+                        {' '}
+                        Вход{' '}
+                    </TabsTrigger>{' '}
+                    <TabsTrigger value="Register" className="w-[116px]">
+                        {' '}
+                        Регистрация
+                    </TabsTrigger>
+                    <TabsTrigger value="Reset" className="w-[145px]">
+                        Восстановление
+                    </TabsTrigger>
+                </TabsList>
+                <TabsContent value="login"></TabsContent>
+                <TabsContent value="register"></TabsContent>
+                <TabsContent value="reset"></TabsContent>
+            </Tabs>
+        </DialogContent>
+    );
+}
diff --git a/src/components/header/ProfileOrLogin.tsx b/src/components/header/ProfileOrLogin.tsx
index 38c1eb1..874e0fc 100644
--- a/src/components/header/ProfileOrLogin.tsx
+++ b/src/components/header/ProfileOrLogin.tsx
@@ -4,12 +4,20 @@ import Image from 'next/image';
 import { useUser } from '../../lib/contexts';
 import { Button } from '../ui';
 import Link from 'next/link';
-
+import { Dialog, DialogTrigger } from '../ui/dialog';
+import { AuthDialog } from './AuthDialog';
 export function ProfileOrLogin() {
     const user = useUser();
 
     if (!user) {
-        return <Button className="py-2.5 px-3.75">ВОЙТИ</Button>;
+        return (
+            <Dialog>
+                <DialogTrigger asChild>
+                    <Button className="py-2.5 px-3.75">ВОЙТИ</Button>
+                </DialogTrigger>
+                <AuthDialog />
+            </Dialog>
+        );
     }
 
     return (
-- 
cgit v1.3-3-g829e