Added cookies to signup

frontend/src/App.jsx

@@ -5,16 +5,17 @@ import Signup from "./Pages/Signup/Signup";
 import Home from "./Pages/Home/Home";
 import { Route, Routes } from "react-router-dom";
 import { Toaster } from "react-hot-toast";
+import { useAuthContext } from "./Context/AuthContext";
 
 function App() {
   const [count, setCount] = useState(0);
-
+  const { authUser } = useAuthContext();
   return (
     <div className="p-4 h-screen flex items-center justify-center">
       <Routes>
-        <Route path="/" element={<Home />} />
-        <Route path="/login" element={<Login />} />
-        <Route path="/signup" element={<Signup />} />
+        <Route path="/" element={authUser ? <Home /> : <Login />} />
+        <Route path="/login" element={authUser ? <Home /> : <Login />} />
+        <Route path="/signup" element={authUser ? <Home /> : <Signup />} />
       </Routes>
       <Toaster />
     </div>

frontend/src/Components/Sidebar/Logout.jsx

@@ -1,11 +1,17 @@
 import React from "react";
 import { BiLogOut } from "react-icons/bi";
+import useLogout from "../../Hooks/useLogout";
 
 export default function Logout() {
+  const { loading, logout } = useLogout();
   return (
     <div className="mt-auto ">
-      <button>
-        <BiLogOut className="h-7 w-7 text-white cursor-pointer" />
+      <button onClick={logout}>
+        {!loading ? (
+          <BiLogOut className="h-7 w-7 text-white cursor-pointer" />
+        ) : (
+          <span className="loading loading-spinner"></span>
+        )}
       </button>
     </div>
   );

frontend/src/Context/AuthContext.jsx

@@ -1,6 +1,6 @@
 import { Children, createContext, useContext, useState } from "react";
 
-export const authContext = createContext();
+export const AuthContext = createContext();
 
 export const useAuthContext = () => {
   return useContext(AuthContext);

frontend/src/Hooks/useLogout.js

@@ -0,0 +1,29 @@
+import { useAuthContext } from "../Context/AuthContext";
+import { useState } from "react";
+import toast from "react-hot-toast";
+
+const useLogout = () => {
+  const [loading, setLoading] = useState(false);
+  const { setAuthUser } = useAuthContext();
+  const logout = async () => {
+    setLoading(true);
+    try {
+      const res = await fetch("/api/auth/logout", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+      });
+      const data = await res.json();
+      if (data.error) throw new Error(data.error);
+      await localStorage.removeItem("chat-user");
+      await setAuthUser(null);
+    } catch (error) {
+      toast.error(error.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return { loading, logout };
+};
+
+export default useLogout;

frontend/src/Hooks/useSignup.js

@@ -1,8 +1,10 @@
 import toast from "react-hot-toast";
 import { useState } from "react";
+import { useAuthContext } from "../Context/AuthContext";
 
 const useSignup = () => {
   const [loading, setLoading] = useState(false);
+  const { setAuthUser } = useAuthContext();
   const signup = async ({
     fullName,
     UserName,
@@ -38,7 +40,8 @@ const useSignup = () => {
       if (data.error) {
         throw new Error(data.error);
       }
-      console.log(data);
+      localStorage.setItem("chat-user", JSON.stringify(data));
+      setAuthUser(data);
     } catch (error) {
       toast.error(error.message);
       setLoading(false);