diff options
Diffstat (limited to 'src/components/header')
| -rw-r--r-- | src/components/header/AuthDialog.tsx | 47 | ||||
| -rw-r--r-- | src/components/header/ProfileOrLogin.tsx | 12 |
2 files changed, 57 insertions, 2 deletions
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 ( |