69 lines
1.9 KiB
TypeScript
69 lines
1.9 KiB
TypeScript
"use client";
|
||
|
||
import { FC } from "react";
|
||
import { redirect } from "next/navigation";
|
||
import { Button, Stack } from "@mantine/core";
|
||
import { useForm } from "@mantine/form";
|
||
import PhoneInput from "@/components/PhoneInput/PhoneInput";
|
||
|
||
type LoginForm = {
|
||
phoneNumber: string;
|
||
};
|
||
|
||
type Props = {
|
||
isCreatingId?: boolean;
|
||
};
|
||
|
||
const LoginForm: FC<Props> = ({ isCreatingId = false }) => {
|
||
const form = useForm<LoginForm>({
|
||
initialValues: {
|
||
phoneNumber: "",
|
||
},
|
||
});
|
||
|
||
const handleSubmit = (values: LoginForm) => {
|
||
console.log(values);
|
||
};
|
||
|
||
const navigateToCreateId = () => redirect("/create-id");
|
||
|
||
const navigateToLogin = () => redirect("/");
|
||
|
||
return (
|
||
<form onSubmit={form.onSubmit(handleSubmit)}>
|
||
<Stack w={350}>
|
||
<PhoneInput {...form.getInputProps("phoneNumber")} />
|
||
{isCreatingId ? (
|
||
<>
|
||
<Button
|
||
variant={"filled"}
|
||
type={"submit"}>
|
||
Создать аккаунт
|
||
</Button>
|
||
<Button
|
||
variant={"outline"}
|
||
onClick={() => navigateToLogin()}>
|
||
Уже есть LogiDex ID
|
||
</Button>
|
||
</>
|
||
) : (
|
||
<>
|
||
<Button
|
||
variant={"filled"}
|
||
type={"submit"}>
|
||
Войти
|
||
</Button>
|
||
<Button
|
||
variant={"outline"}
|
||
onClick={() => navigateToCreateId()}>
|
||
Создать LogiDex ID
|
||
</Button>
|
||
</>
|
||
)}
|
||
</Stack>
|
||
</form>
|
||
);
|
||
};
|
||
|
||
export default LoginForm;
|