diff options
| author | l3wdfut4pwr <l3wdfut4pwr@gmail.com> | 2026-03-17 14:06:58 +0200 |
|---|---|---|
| committer | l3wdfut4pwr <l3wdfut4pwr@gmail.com> | 2026-03-17 14:06:58 +0200 |
| commit | 646c1168349643eb01db53b5e06bf986a16b86d7 (patch) | |
| tree | 1a47fed631b06179383ed75d1bacc3c6b785a974 /src/components/header/AuthDialog.tsx | |
| parent | 9edce4dfa5f7c4efecd0f39fb4fd4a4c9863fe6e (diff) | |
simple registration prototype
Diffstat (limited to 'src/components/header/AuthDialog.tsx')
| -rw-r--r-- | src/components/header/AuthDialog.tsx | 49 |
1 files changed, 7 insertions, 42 deletions
diff --git a/src/components/header/AuthDialog.tsx b/src/components/header/AuthDialog.tsx index c125c66..0b4bc74 100644 --- a/src/components/header/AuthDialog.tsx +++ b/src/components/header/AuthDialog.tsx @@ -4,6 +4,9 @@ import { Input } from '@/components/ui/input'; import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'; import GoogleIcon from '../../../public/icons/google.svg'; import { InputField } from '../ui/inputfield'; +import LoginForm from './authdialog/LoginForm'; +import RegisterForm from './authdialog/RegisterForm'; +import ResetForm from './authdialog/ResetForm'; export function AuthDialog() { return ( <div className="absolute"> @@ -30,58 +33,20 @@ export function AuthDialog() { value="Login" className="w-[350px] min-h-[250px] p-5 gap-5 flex flex-col items-center justify-center rounded-[15px] border-[2px] bg-background" > - <div className="gap-5 flex flex-col h-[148px] w-[310px]"> - <Button className="w-full bg-white hover:bg-white hover:text-black"> - <GoogleIcon /> - <span className="text-black text-sm"> - Войти через Google - </span> - </Button> - <div className="gap-[10px] flex-col flex h-[88px]"> - <InputField placeholder="Никнейм или почта" /> - <InputField placeholder="Пароль" /> - </div> - </div> - <Button className="w-full gap-[10px]">Войти</Button> + <LoginForm /> </TabsContent> <TabsContent value="Register" - className="w-[350px] max-h-[348px] p-5 gap-5 flex flex-col items-center justify-center rounded-[15px] border-[2px] bg-background" + className="w-[350px] min-h-[348px] h-fit p-5 gap-5 flex flex-col items-center justify-center rounded-[15px] border-[2px] bg-background" > - <div className="gap-5 flex flex-col w-[310px]"> - <Button className="w-full bg-white hover:bg-white hover:text-black"> - <GoogleIcon /> - <span className="text-black"> - Войти через Google - </span> - </Button> - <div className="gap-2.5 flex flex-col"> - <InputField placeholder="Никнейм" /> - <InputField placeholder="E-mail" /> - <InputField placeholder="Пароль" /> - <InputField placeholder="Повторите пароль" /> - </div> - </div> - <Button className="w-full">Войти</Button> + <RegisterForm /> </TabsContent> </div> <TabsContent value="Reset" className="w-[350px] max-h-[231px] p-5 gap-5 flex-col items-center justify-center rounded-[15px] border-[2px] bg-background" > - <div className="flex gap-5 flex-col"> - <div className="flex flex-col w-[310px] gap-5"> - <span className="">ВОССТАНОВЛЕНИЕ ПАРОЛЯ</span> - <div className=" gap-2.5 flex flex-col"> - <span className="text-sm"> - Введите никнейм или почту, с помощью - которых входите в аккаунт. - </span> - <InputField placeholder="Никнейм или почта"></InputField> - </div> - </div> - <Button className="w-full">Восстановить</Button> - </div> + <ResetForm /> </TabsContent> </Tabs> </DialogContent> |