From 646c1168349643eb01db53b5e06bf986a16b86d7 Mon Sep 17 00:00:00 2001
From: l3wdfut4pwr <l3wdfut4pwr@gmail.com>
Date: Tue, 17 Mar 2026 14:06:58 +0200
Subject: simple registration prototype

---
 src/components/header/AuthDialog.tsx | 49 ++++++------------------------------
 1 file changed, 7 insertions(+), 42 deletions(-)

(limited to 'src/components/header/AuthDialog.tsx')

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>
-- 
cgit v1.3-3-g829e