Added the access route control restiction without login.

client/src/Context/ToastContext.js

@@ -8,7 +8,7 @@ let ToastContextProvider = ({children}) => {
 
   let toastProperties = null;
 
-  const showToast = (typeOfToast, toastTitle, toastDescription) =>
+  const showToast = (typeOfToast, toastTitle, toastDescription, time=5000) =>
   {
     switch(typeOfToast)
     {
@@ -17,6 +17,7 @@ let ToastContextProvider = ({children}) => {
         title : toastTitle,
         description : toastDescription,
         type:"success",
+        time: time
 
       }
 
@@ -26,20 +27,23 @@ let ToastContextProvider = ({children}) => {
         title : toastTitle,
         description : toastDescription,
         type:"error",
+        time: time
       }
       break;
       case "warning" : toastProperties = {
         id : toastList.length+1,
         title : toastTitle,
         description : toastDescription,
         type:"warning",
+        time: time
       }
       break;
       case "info" : toastProperties = {
         id : toastList.length+1,
         title : toastTitle,
         description : toastDescription,
         type:"info",
+        time: time
       }
       break;
       default : toastProperties = {}

client/src/Pages/Cart.jsx

@@ -3,6 +3,9 @@ import Spinner from "./Spinner";
 import { fetchCartData, addItemToCart, removeItemFromCart } from "../api/api.js";
 import "./Cart.css";
 import Preloader from '../Components/Preloader';
+import { useAuth } from "../Context/AuthContext";
+import { useToast } from "../Context/ToastContext";
+import { useNavigate } from "react-router-dom";
 
 
 function Cart() {
@@ -11,6 +14,11 @@ function Cart() {
   const [error, setError] = useState(null);
   const [retryCount, setRetryCount] = useState(0);
 
+  const { userLoggedIn } = useAuth();
+  const { showToast } = useToast();
+  const navigate = useNavigate();
+
+
   useEffect(() => {
     fetchCartData()
       .then((cartData) => {
@@ -25,6 +33,15 @@ function Cart() {
       });
   }, [retryCount]); // Retry whenever retryCount changes
 
+  useEffect(() => {
+    if (!userLoggedIn) {
+      showToast("error", "Please login to view your cart.", undefined, 7000);
+      setTimeout(() => {
+        navigate("/login");
+      }, 3000); // 3000 milliseconds = 3 seconds
+    }
+  }, [userLoggedIn]);
+
   const handleAddItem = (item) => {
     setIsLoading(true);
     addItemToCart(item)

client/src/Pages/Orders.jsx

@@ -21,13 +21,20 @@ import SearchIcon from "@mui/icons-material/Search";
 import SortIcon from "@mui/icons-material/Sort";
 import RefreshIcon from "@mui/icons-material/Refresh";
 import Preloader from "../Components/Preloader";
+import { useAuth } from "../Context/AuthContext";
+import { useToast } from "../Context/ToastContext";
+import { useNavigate } from "react-router-dom";
 
 function OrderList() {
   const [isLoading, setIsLoading] = useState(true);
   const [data, setData] = useState([]);
   const [searchTerm, setSearchTerm] = useState("");
   const [sortOrder, setSortOrder] = useState("asc");
 
+  const { userLoggedIn } = useAuth();
+  const { showToast } = useToast();
+  const navigate = useNavigate();
+
   useEffect(() => {
     fetchData();
   }, []);
@@ -44,6 +51,15 @@ function OrderList() {
     }
   };
 
+  useEffect(() => {
+    if (!userLoggedIn) {
+      showToast("error", "Please login to view your orders.", undefined, 7000);
+      setTimeout(() => {
+        navigate("/login");
+      }, 3000); // 3000 milliseconds = 3 seconds
+    }
+  }, [userLoggedIn]);
+
   const handleSearch = (event) => {
     setSearchTerm(event.target.value);
   };

client/src/Pages/Wishlist.jsx

@@ -3,11 +3,18 @@ import axios from "axios";
 import { FaHeart, FaTrash, FaTable, FaRegHeart } from "react-icons/fa";
 import "./Wishlist.css"; // Import CSS file for wishlist component styling
 import Preloader from "../Components/Preloader";
+import { useAuth } from "../Context/AuthContext";
+import { useToast } from "../Context/ToastContext";
+import { useNavigate } from "react-router-dom";
 
 function Wishlist() {
   const [isLoading, setIsLoading] = useState(true);
   const [wishlistItems, setWishlistItems] = useState([]);
   const [error, setError] = useState(null);
+  const { userLoggedIn } = useAuth();
+  const { showToast } = useToast();
+
+  const navigate = useNavigate();
 
   useEffect(() => {
     const fetchWishlist = async () => {
@@ -31,6 +38,16 @@ function Wishlist() {
     fetchWishlist();
   }, []);
 
+  useEffect(() => {
+    if (!userLoggedIn) {
+      showToast("error", "Please login to view your wishlist.", undefined, 7000);
+      setTimeout(() => {
+        navigate("/login");
+      }, 5000); // 3000 milliseconds = 3 seconds
+    }
+  }, [userLoggedIn]);
+
+
   const removeFromWishlist = async (productId) => {
     try {
       const authToken = localStorage.getItem('token');