seat limit bug fix

db.json

@@ -15,6 +15,10 @@
     {
       "mobile": "8888888880",
       "id": 4
+    },
+    {
+      "mobile": "8888888888",
+      "id": 5
     }
   ],
   "reservedSeats": [
@@ -32,6 +36,26 @@
         "F1"
       ],
       "id": 3
+    },
+    {
+      "seats": [
+        "D1",
+        "D2",
+        "D3",
+        "E1"
+      ],
+      "id": 4
+    },
+    {
+      "seats": [
+        "A4",
+        "B5",
+        "C5",
+        "D5",
+        "E5",
+        "F5"
+      ],
+      "id": 5
     }
   ]
 }
\ No newline at end of file

src/auth/index.js

@@ -3,18 +3,14 @@ import { useLocation, useNavigate } from "react-router-dom";
 // import { _Login } from "../pages/login";
 export function AuthGuard({ component: Component, ...props }) {
   const isLogged = sessionStorage.getItem("userId") != null ? true : false;
-  console.log("didid", isLogged);
+
   const navigate = useNavigate();
   const location = useLocation();
   const currentPath = sessionStorage.getItem("currentPath");
-  console.log("pod", location.pathname, currentPath);
-
+  console.log("ururur", location.pathname, currentPath);
   useEffect(() => {
-    console.log("yrtrtry");
     if (!isLogged) {
-      sessionStorage.removeItem("userId");
-      sessionStorage.removeItem("seatLimit");
-      // Redirect to the home page if the user is not logged in
+      sessionStorage.clear();
       navigate("/");
     } else if (isLogged && location.pathname != currentPath) {
       navigate(currentPath);
@@ -23,7 +19,6 @@ export function AuthGuard({ component: Component, ...props }) {
 
   // If logged in (session has a value), render the protected component
   if (isLogged && location.pathname == currentPath) {
-    console.log("jjsj");
     return <Component {...props} />;
   }
 

src/components/top-level/login/index.js

@@ -10,7 +10,6 @@ function Login({ onSubmit }) {
   const [iserror, setIsError] = useState(false);
   const handleSubmit = (e) => {
     e.preventDefault();
-    console.log("mobile", mobile.length);
     if (mobile.length < 10) {
       setIsError(true);
 

src/components/top-level/seat-limit/index.js

@@ -9,6 +9,7 @@ function SeatLimit({ onLimit, ...props }) {
     e.preventDefault();
     if (limit > 0) {
       onLimit({ limit });
+      sessionStorage.setItem("seatLimit", limit);
     } else {
       toast.info("Please enter atleast 1 seat");
     }

src/pages/login.js

-import { useEffect, useState } from "react";
+import { useEffect } from "react";
 import { useAppContext } from "../_context";
 import Login from "../components/top-level/login";
 import { useNavigate } from "react-router-dom";
@@ -13,12 +13,15 @@ export function _Login() {
   const handleLogin = async ({ mobile }) => {
     const users = await LoginOrRegister({ mobile });
     if (users != null) {
+      sessionStorage.setItem("userId", users.id);
+      //check seat length for  already booked seats for the user
       const userstate = userseats.filter((e) =>
         e.id === users.id ? true : false
       );
       if (userstate.length) {
-        sessionStorage.setItem("userId", users.id);
+        //if store the seat length in session
         sessionStorage.setItem("seatLimit", userstate[0].seats.length);
+        //redirect to booking component otherwise it will not redirect if not login
         sessionStorage.setItem("currentPath", "/booking");
         navigate("/booking");
       } else {

src/pages/seat-limit.js

@@ -4,7 +4,8 @@ import { useNavigate } from "react-router-dom";
 export function _seatLimit() {
   const navigate = useNavigate();
 
-  const handleLimit = (e) => {
+  const handleLimit = () => {
+    sessionStorage.setItem("currentPath", "/booking");
     navigate("/booking");
   };
   return <SeatLimit onLimit={handleLimit} />;