"use client";
import useLogin from "@/hooks/useLogin";
import { useRouter } from "next/navigation";
import React, { useState } from "react";

const Page = () => {
  const router = useRouter();
  const { loading, login } = useLogin();
  const [inputs, setInputs] = useState({
    email: "",
    password: "",
  });
  const handleLogin = (e: any) => {
    e.preventDefault();
    login(inputs);
  };

  return (
    <div className="flex justify-center items-center h-screen bg-[url('/bg.jpg')] bg-fixed bg-no-repeat bg-cover">
      body
    </div>
  );
};

export default Page;

import { useState } from "react";
import toast from "react-hot-toast";
import { useRouter } from "next/navigation";
import { useAuthContext } from "@/context/AuthContext";

interface LoginProps {
  email: string;
  password: string;
}

const useLogin = () => {
  const router = useRouter();
  const [loading, setLoading] = useState(false);
  // @ts-ignore
  const { setAuthUser } = useAuthContext();
  const login = async ({ email, password }: LoginProps) => {
    try {
      setLoading(true);
      const res = await fetch("/api/auth/login", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({ email, password }),
      });

      const data = await res.json();

      if (data.error) {
        throw new Error(data.error);
      }

      await localStorage.setItem("Auth", JSON.stringify(data));

      await setAuthUser(data.details);

      toast.success("Logged in");
      router.push("/");
    } catch (err: any) {
      toast.error(err.message);
      console.log(err);
    } finally {
      setLoading(false);
    }
  };
  return { loading, login };
};

export default useLogin;