admin auth

Author: mohanthilak

src/Pages/Admin/AdminPage.jsx

@@ -1,11 +1,18 @@
 import React, { useState, useEffect } from "react";
 import "./AdminPage.css";
 import axios from "axios";
+import { useNavigate } from "react-router-dom";
 
 const AdminPage = () => {
   const [faqs, setFaqs] = useState([])
+  const navigate = useNavigate()
 
   useEffect(()=>{
+    const loginStatus = localStorage.getItem("adminID");
+    if(loginStatus == null){
+      navigate("/login")
+    }
+
     axios.get("http://localhost:3000/admin/faq/all-waiting").then(res=>{
       if(res.data.success){
         setFaqs(res.data.data)
@@ -23,6 +30,8 @@ const AdminPage = () => {
   const handleLogout = () => {
     // Implement your logout logic here
     console.log("Logout clicked");
+    localStorage.removeItem('adminID')
+    navigate("/login")
   };
 
   // Placeholder data for User Queries

src/Pages/User/chatbot.jsx

@@ -16,6 +16,7 @@ import TypingAnimation from "../../components/TypingAnimation";
     const [botRepliesCounter, setBotRepliesCounter] = useState(0);
     const [executiveOptionDisplay, setExecutiveOptionDisplay] = useState(false)
     const [loading, setLoading] = useState(false);
+    const [convoClosed, setConvoClosed] = useState(false);
 
     const chatboxRef = useRef(null);
     const chatInputRef = useRef(null);
@@ -53,6 +54,9 @@ import TypingAnimation from "../../components/TypingAnimation";
           setConvoIDOfficial(convoID)
         }
       })
+      socket.on("convo-ended", ()=>{
+        setConvoClosed(true)
+      })
       socket.on("response-generation-error", (error)=>{
         alert(error)
       })
@@ -151,7 +155,7 @@ import TypingAnimation from "../../components/TypingAnimation";
           <div className="xyz">
             {showChatbot? (
               <div className="switch-text" style={{color:"black"}}>
-                {executiveOptionDisplay ? (<p >Not satisfied with the bot? <span onClick={HanldeSwtichToExecutive} style={{textDecoration:"underline", cursor:"pointer"}}>click here to switch to an actual executive</span></p>): <></>}
+                {executiveOptionDisplay && handler === "bot" ? (<p >Not satisfied with the bot? <span onClick={HanldeSwtichToExecutive} style={{textDecoration:"underline", cursor:"pointer"}}>click here to switch to an actual executive</span></p>): <></>}
               </div>
             ): (
               <div className="switch-text">
@@ -190,32 +194,35 @@ import TypingAnimation from "../../components/TypingAnimation";
                   <p>{chat.message}</p>
                 </li>
               ))}
+              {handler !== "bot" ? <li style={{listStyle: "none", fontSize:"smaller", margin: "20px 0", textAlign:'center', opacity: "0.7"}}>Interacting with the Executive!</li> : <></>}
             </ul>
             {/* <TypingAnimation />  */}
 
              <div className="chat_input">
-              {/* <div> */}
-              {loading ? <TypingAnimation /> : 
-              <>
-                <textarea
-                  placeholder="Type your message..."
-                  spellCheck="false"
-                  required
-                  value={userMessage}
-                  onChange={handleInputChange}
-                  onKeyDown={handleKeyDown}
-                  ref={chatInputRef}
-                />
-                <span
-                  id="send-btn"
-                  className="material-symbols-rounded"
-                  onClick={handleChat}
-                >
-                <svg viewBox="0 0 24 24" height="24" width="24" preserveAspectRatio="xMidYMid meet" class="" version="1.1" x="0px" y="0px" enable-background="new 0 0 24 24"><title>send</title><path fill="currentColor" d="M1.101,21.757L23.8,12.028L1.101,2.3l0.011,7.912l13.623,1.816L1.112,13.845 L1.101,21.757z"></path></svg>
-                </span>
-                  </>
-                  }
-              {/* </div> */}
+              {!convoClosed ? loading ? <TypingAnimation /> : 
+                <>
+                  <textarea
+                    placeholder="Type your message..."
+                    spellCheck="false"
+                    required
+                    value={userMessage}
+                    onChange={handleInputChange}
+                    onKeyDown={handleKeyDown}
+                    ref={chatInputRef}
+                  />
+                  <span
+                    id="send-btn"
+                    className="material-symbols-rounded"
+                    onClick={handleChat}
+                  >
+                  <svg viewBox="0 0 24 24" height="24" width="24" preserveAspectRatio="xMidYMid meet" class="" version="1.1" x="0px" y="0px" enable-background="new 0 0 24 24"><title>send</title><path fill="currentColor" d="M1.101,21.757L23.8,12.028L1.101,2.3l0.011,7.912l13.623,1.816L1.112,13.845 L1.101,21.757z"></path></svg>
+                  </span>
+                </>
+                :
+                <div style={{height:"40px", display: "flex", justifyContent:"center", alignItems:"center", width:"inherit"}}>
+                  <p>conversation is closed</p>
+                </div>
+              }
             </div>
 
 

src/Pages/login/Loginexecutive.jsx

@@ -16,13 +16,24 @@ const Loginexecutive = () => {
 
     const popup =(e) =>{
         e.preventDefault()
-
-        axios.post("http://localhost:3000/executive/login", {executiveID:userName, password:userPass}).then((res)=> {
+        let URL = "http://localhost:3000/executive/login"
+        let payload = {executiveID:userName, password:userPass}
+        if(userName.includes("admin")) {
+            payload = {...payload, adminID: userName}
+            URL = "http://localhost:3000/admin/login"
+        }
+            axios.post(URL, payload).then((res)=> {
             if(res.data.success)
             {
                 onSuccess(e)
-                localStorage.setItem("executiveID",res.data.data.executiveID)
-                naviagte("/executive")
+                if(userName.includes("admin")){
+                    localStorage.setItem("adminID",res.data.data.adminID)
+                    naviagte("/admin")
+
+                }else{
+                    localStorage.setItem("executiveID",res.data.data.executiveID)
+                    naviagte("/executive")
+                }
 
             }