Done

sonuku092 · Feb 29, 2024 · 7032e5b · 7032e5b
1 parent 4af8bdb
commit 7032e5b
Show file tree

Hide file tree

Showing 7 changed files with 24 additions and 24 deletions.
diff --git a/backend/src/chats/websocket.gateway.ts b/backend/src/chats/websocket.gateway.ts
@@ -3,7 +3,7 @@ import { Socket } from 'socket.io';
 
 @WebSocketGateway()
 export class MyWebSocketGateway implements OnGatewayInit, OnGatewayConnection, OnGatewayDisconnect {
-  @WebSocketServer() server;
+  @WebSocketServer() server: any;
 
   handleConnection(client: Socket) {
     console.log(`Client connected: ${client.id}`);

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -7,6 +7,7 @@
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "axios": "^1.6.7",
+    "boundary": "^2.0.0",
     "firebase": "^10.8.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

diff --git a/frontend/src/components/Chats/Chats.js b/frontend/src/components/Chats/Chats.js
@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useMemo, useRef } from "react";
+import React, { useState, useEffect, useMemo, useCallback, useRef } from "react";
 import { useNavigate } from 'react-router-dom';
 import { signOut } from "firebase/auth";
 import { auth } from "../../firebase";
@@ -8,7 +8,6 @@ import { useSpeechSynthesis } from 'react-speech-kit';
 import { useSpeechRecognition } from 'react-speech-recognition';
 import { split } from 'sentence-splitter';
 import SpeechRecognition from 'react-speech-recognition';
-import axios from 'axios'; // Import Axios
 
 function Chats(props) {
   const [userName, setUserName] = useState("");
@@ -26,12 +25,12 @@ function Chats(props) {
   const { speak } = useSpeechSynthesis();
   const { transcript, listening } = useSpeechRecognition();
 
-  const predefinedAnswers = {
+  const predefinedAnswers = useMemo(() => ({
     "What is your name?": "My name is Chatbot.",
     // Define your predefined answers here
-  };
+  }), []);
 
-  const handleUserInput = async () => {
+  const handleUserInput = useCallback(async () => {
     const userMessage = input.trim();
 
     if (userMessage) {
@@ -44,7 +43,6 @@ function Chats(props) {
         ]);
         speak({ text: predefinedAnswer });
       } else {
-        // Handle other user messages
         setIsTyping(true);
         const userMessage = input;
         setInput('');
@@ -64,7 +62,14 @@ function Chats(props) {
 
       setInput('');
     }
-  };
+  }, [input, speak, socket, predefinedAnswers]);
+
+  const handleSubmit = useCallback((event) => {
+    if (event) {
+      event.preventDefault();
+    }
+    handleUserInput();
+  }, [handleUserInput]);
 
   useEffect(() => {
     if (transcript) {
@@ -78,7 +83,7 @@ function Chats(props) {
     if (!listening && input.trim() !== '') {
       handleSubmit();
     }
-  }, [listening]);
+  }, [listening, input, handleSubmit]);
 
   const isProcessingRef = useRef(false);
 
@@ -106,7 +111,7 @@ function Chats(props) {
                 },
               ]);
 
-              setLastBotMessage(sentence); // Set the last bot message
+              setLastBotMessage(sentence);
             }
           }
 
@@ -116,7 +121,7 @@ function Chats(props) {
         isProcessingRef.current = false;
       }
     });
-  }, [socket]);
+  }, [socket, isTyping]);
 
   const lastSpokenMessageRef = useRef(null);
 
@@ -131,13 +136,6 @@ function Chats(props) {
     setInput(event.target.value);
   };
 
-  const handleSubmit = (event) => {
-    if (event) {
-      event.preventDefault();
-    }
-    handleUserInput();
-  };
-
   useEffect(() => {
     setUserName(localStorage.getItem("userName"));
 
@@ -148,7 +146,7 @@ function Chats(props) {
     return () => {
       socket.disconnect();
     };
-  }, []);
+  }, [socket]);
 
   const handleSignout = () => {
     localStorage.removeItem("token");
@@ -211,7 +209,7 @@ function Chats(props) {
               <button onClick={toggleVoice} className="bg-blue-600 text-white p-1 rounded-lg"> Voice </button>
             </div>
 
-            <div className="h-[500px]  rounded-lg overflow-y-scroll" style={{ color: 'whitesmoke', color: 'black' }}>
+            <div className="h-[500px]  rounded-lg overflow-y-scroll">
 
               {messages.map((message, index) => (
                 <div

diff --git a/frontend/src/components/Login/Login.js b/frontend/src/components/Login/Login.js
@@ -19,7 +19,7 @@ function Login() {
     if (token) {
       navigate('/');
     }
-  }, []);
+  }, [navigate]);
 
   const [errorMsg, setErrorMsg] = useState('');
   const [summitButtonDisabled, setSummitButtonDisabled] = useState(false);

diff --git a/frontend/src/components/Signup/Signup.js b/frontend/src/components/Signup/Signup.js
@@ -57,7 +57,7 @@ function Signup() {
 
           const val = doc(db, "Users", docRef.id);
           const collectionVal = collection(val, "Chats");
-          const newDoc = await addDoc(collectionVal, {
+          addDoc(collectionVal, {
             User_ID: user.uid,
             Message: "Hello",
           });

diff --git a/frontend/src/firebase.js b/frontend/src/firebase.js
@@ -1,5 +1,5 @@
 import { initializeApp } from "firebase/app";
-import { getAnalytics } from "firebase/analytics";
+// import { getAnalytics } from "firebase/analytics";
 import { getAuth } from "firebase/auth";
 import { getFirestore } from 'firebase/firestore';
 
@@ -14,7 +14,7 @@ const firebaseConfig = {
 };
 
 const app = initializeApp(firebaseConfig);
-const analytics = getAnalytics(app);
+// const analytics = getAnalytics(app);
 
 const auth = getAuth(app);