diff --git a/src/app/auth/signin/page.tsx b/src/app/auth/signin/page.tsx
index bed07ad..bf1e037 100644
--- a/src/app/auth/signin/page.tsx
+++ b/src/app/auth/signin/page.tsx
@@ -1,21 +1,63 @@
+"use client";
import Input from "@/components/ui/input";
import Wrapper from "../components/wrapper";
-import FeildErrorMessage from "@/components/forms/field-error-message";
import FieldLabel from "@/components/forms/field-label";
import FormControl from "@/components/forms/form-control";
+import { useForm } from "react-hook-form";
+import { TSigninFormState, ZSigninFormState } from "@/type";
+import { signIn } from "next-auth/react";
+import { useRouter } from "next/navigation";
+import useToast from "@/hooks/useToast";
+import { useState } from "react";
+import { zodResolver } from "@hookform/resolvers/zod";
const Signin = () => {
+ const { register, handleSubmit } = useForm
({
+ resolver: zodResolver(ZSigninFormState),
+ });
+ const [logingIn, setLogingIn] = useState(false);
+ const router = useRouter();
+ const toast = useToast();
+
+ const onSubmit = async (data: TSigninFormState) => {
+ setLogingIn(true);
+ const res = await signIn("credentials", {
+ ...data,
+ redirect: false,
+ });
+
+ if (!res) {
+ throw new Error("there was no signin response");
+ }
+
+ if (res.ok) {
+ router.push("/store");
+ return;
+ }
+
+ toast({
+ type: "open",
+ message: "Can not log a user with these credentials",
+ variant: "error",
+ });
+ setLogingIn(false);
+ };
+
return (
-