made executive and form page protected

Author: mohanthilak

Diff for: src/Pages/Executive/CustomerSupportChat.jsx

@@ -20,6 +20,10 @@ const CustomerSupportChat = ({socket}) => {
   }, [selectedConversation])
 
   useEffect(()=>{
+    const loginStatus = localStorage.getItem("executiveID");
+    if(loginStatus == null){
+      navigate("/login")
+    }
     socket.emit('load-chats-for-executive')
     socket.on("convos-for-executive", (chats)=>{
       console.log(chats)
@@ -28,8 +32,8 @@ const CustomerSupportChat = ({socket}) => {
     socket.on('new-customer-for-executive', (chat)=>{
       console.log("chats", chat)
       setOriginalListOfConvos(chats=>[chat, ...chats])
-
     })
+
   }, [])
 
   socket.on("user-disconected", (socketID)=>{

Diff for: src/Pages/FormPage/CustomerSupportForm.jsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import './CustomerSupportForm.css'; // Import the stylesheet
-import { useLocation } from 'react-router-dom';
+import { useLocation, useNavigate } from 'react-router-dom';
 
 const CustomerSupportForm = ({socket}) => {
   const {state} = useLocation();
@@ -15,9 +15,15 @@ const CustomerSupportForm = ({socket}) => {
     solutionSummary: '',
     noQueryReason: '',
   });
+  
+  const navigate = useNavigate();
 
 // To handle form response
   useEffect(()=>{
+    const loginStatus = localStorage.getItem("executiveID");
+    if(loginStatus == null){
+      navigate("/login")
+    }
     socket.on('form-response', (data)=>{
       if(data.success){
         alert('Form submitted successfully!');