adding private Route

src/Pages/Login.jsx

@@ -17,16 +17,19 @@ import {
 } from "@chakra-ui/react";
 import React, { useState } from "react";
 import { useDispatch } from "react-redux";
-import { Link as RouterLink, useNavigate } from "react-router-dom";
+import { Link as RouterLink, useLocation, useNavigate } from "react-router-dom";
 import { login } from "../Redux/AuthReducer/action";
 
 const Login = () => {
   const dispatch = useDispatch();
   const toast = useToast();
   const navigate = useNavigate();
+  const location = useLocation();
+  const comingFrom = location.state?.from?.pathname || "/";
   const [username, setUsername] = useState("");
   const [password, setPassword] = useState("");
   const [eye, setEye] = useState(false);
+
   const handleEye = () => {
     setEye((prev) => !prev);
   };
@@ -38,7 +41,7 @@ const Login = () => {
       };
 
       dispatch(login(params, toast)).then((r) => {
-        navigate("/", { replace: true });
+        navigate(comingFrom, { replace: true });
       });
     }
   };

src/Pages/MainRoutes.jsx

@@ -2,6 +2,7 @@ import { Stack } from "@chakra-ui/react";
 import React from "react";
 import { Route, Routes } from "react-router-dom";
 import Sidebar from "../Components/Sidebar";
+import PrivateRoute from "../PrivateRoute/PrivateR";
 import Editpage from "./Editpage";
 import Homepage from "./Homepage";
 import Login from "./Login";
@@ -13,10 +14,12 @@ const MainRoutes = () => {
       <Route
         path="/"
         element={
-          <Stack direction="row">
-            <Sidebar />
-            <Homepage />
-          </Stack>
+          <PrivateRoute>
+            <Stack direction="row">
+              <Sidebar />
+              <Homepage />
+            </Stack>
+          </PrivateRoute>
         }
       />
       <Route

src/PrivateRoute/PrivateR.jsx

@@ -0,0 +1,15 @@
+import React from "react";
+import { useSelector } from "react-redux";
+import { Navigate, useLocation } from "react-router-dom";
+
+const PrivateRoute = ({ children }) => {
+  const location = useLocation();
+  const auth = useSelector((store) => store.AuthReducer.isAuth);
+  console.log("kaho", auth);
+  if (!auth) {
+    return <Navigate to="/login" replace state={{ from: location }} />;
+  }
+  return children;
+};
+
+export default PrivateRoute;