LiquidCode/LiquidCode_Frontend
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

work register

Browse Source
This commit is contained in:
Виталий Лавшонок
2025-10-26 07:31:20 +03:00
parent 5b18fa2bd2
commit 9c14d766a9
2 changed files with 10 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/home/auth/Login.tsx
View File

@@ -32,8 +32,8 @@ const Login = () => {
}, [jwt]); }, [jwt]);
const handleLogin = () => { const handleLogin = () => {
setErr(err == "" ? "Неверная почта и/или пароль" : ""); // setErr(err == "" ? "Неверная почта и/или пароль" : "");
console.log(123); // console.log(123);
setSubmitClicked(true); setSubmitClicked(true);
if (!username || !password) return; if (!username || !password) return;
@@ -41,10 +41,6 @@ const Login = () => {
dispatch(loginUser({ username, password })); dispatch(loginUser({ username, password }));
}; };
const navigateToRegister = () => {
navigate("/home/register");
};
return ( return (
<div className="h-svh w-svw fixed pointer-events-none top-0 left-0 flex items-center justify-center"> <div className="h-svh w-svw fixed pointer-events-none top-0 left-0 flex items-center justify-center">
<div className="grid gap-[80px] grid-cols-[400px,384px] box-border relative "> <div className="grid gap-[80px] grid-cols-[400px,384px] box-border relative ">
@@ -62,8 +58,8 @@ const Login = () => {
</div> </div>
<Input className="mt-[10px]" type="email" label="Почта" onChange={(v) => { }} placeholder="example@gmail.com" error={err}/> <Input className="mt-[10px]" type="text" label="Логин" onChange={(v) => {setUsername(v)}} placeholder="login"/>
<Input className="mt-[10px]" type="password" label="Пароль" onChange={(v) => { }} placeholder="abCD1234" /> <Input className="mt-[10px]" type="password" label="Пароль" onChange={(v) => {setPassword(v)}} placeholder="abCD1234" />
<div className="flex justify-end mt-[10px]"> <div className="flex justify-end mt-[10px]">
<Link <Link
@@ -83,7 +79,7 @@ const Login = () => {
/> />
<SecondaryButton <SecondaryButton
className="w-full" className="w-full"
onClick={() => { }} onClick={() => {}}
> >
<div className="flex items-center"> <div className="flex items-center">
<img src={googleLogo} className="h-[24px] w-[24px] mr-[15px]" /> <img src={googleLogo} className="h-[24px] w-[24px] mr-[15px]" />

14
src/views/home/auth/Register.tsx
View File

@@ -42,10 +42,6 @@ const Register = () => {
dispatch(registerUser({ username, email, password })); dispatch(registerUser({ username, email, password }));
}; };
const navigateToLogin = () => {
navigate("/home/login");
};
return ( return (
<div className="h-svh w-svw fixed pointer-events-none top-0 left-0 flex items-center justify-center"> <div className="h-svh w-svw fixed pointer-events-none top-0 left-0 flex items-center justify-center">
<div className="grid gap-[80px] grid-cols-[400px,384px] box-border relative "> <div className="grid gap-[80px] grid-cols-[400px,384px] box-border relative ">
@@ -63,10 +59,10 @@ const Register = () => {
</div> </div>
<Input className="mt-[10px]" type="email" label="Почта" onChange={(v) => { }} placeholder="example@gmail.com" /> <Input className="mt-[10px]" type="email" label="Почта" onChange={(v) => {setEmail(v)}} placeholder="example@gmail.com" />
<Input className="mt-[10px]" type="text" label="Логин пользователя" onChange={(v) => { }} placeholder="login" /> <Input className="mt-[10px]" type="text" label="Логин пользователя" onChange={(v) => {setUsername(v)}} placeholder="login" />
<Input className="mt-[10px]" type="password" label="Пароль" onChange={(v) => { }} placeholder="abCD1234" /> <Input className="mt-[10px]" type="password" label="Пароль" onChange={(v) => {setPassword(v)}} placeholder="abCD1234" />
<Input className="mt-[10px]" type="password" label="Повторите пароль" onChange={(v) => { }} placeholder="abCD1234" /> <Input className="mt-[10px]" type="password" label="Повторите пароль" onChange={(v) => {setConfirmPassword(v)}} placeholder="abCD1234" />
<div className=" flex items-center mt-[10px] h-[24px]"> <div className=" flex items-center mt-[10px] h-[24px]">
<Checkbox <Checkbox
@@ -89,7 +85,7 @@ const Register = () => {
<div className="mt-[10px]"> <div className="mt-[10px]">
<PrimaryButton <PrimaryButton
className="w-full mb-[8px]" className="w-full mb-[8px]"
onClick={() => { }} onClick={() => handleRegister()}
text={status === "loading" ? "Регистрация..." : "Регистрация"} text={status === "loading" ? "Регистрация..." : "Регистрация"}
disabled={status === "loading"} disabled={status === "loading"}
/> />