add modal tabs

1 files changed, 10 insertions, 2 deletions

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 (