chore: fix exception on useEffect to avoid wrong unread count (#230)

sharemindteam · Apr 20, 2024 · 26c7188 · 26c7188
1 parent 369eff3
commit 26c7188
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 8 deletions.
diff --git a/src/pages/Buyer/BuyerChat.tsx b/src/pages/Buyer/BuyerChat.tsx
@@ -278,7 +278,7 @@ export const BuyerChat = () => {
     }
   };
 
-  const sentExitResponse = () => {
+  const sendExitResponse = () => {
     if (stompClient.current && stompClient.current.connected) {
       stompClient.current.send('app/api/v1/chat/customers/exit/' + chatId, {});
     }
@@ -352,10 +352,13 @@ export const BuyerChat = () => {
   });
 
   useEffect(() => {
-    // 컴포넌트가 마운트되었을 때 실행
-    if (stompClient.current?.connected) {
-      connectChat();
+    if (!stompClient.current?.connected) {
+      return;
     }
+    // 컴포넌트가 마운트되었을 때 실행
+
+    connectChat();
+
     //채팅 불러오기
     getChatMessages(0);
     //
@@ -374,7 +377,7 @@ export const BuyerChat = () => {
         stompClient.current.unsubscribe(
           '/queue/chatMessages/customers/' + chatId,
         );
-        sentExitResponse();
+        sendExitResponse();
       }
     };
   }, [stompClient.current?.connected]);

diff --git a/src/pages/Seller/SellerChat.tsx b/src/pages/Seller/SellerChat.tsx
@@ -340,10 +340,12 @@ const SellerChat = () => {
   });
 
   useEffect(() => {
-    // 컴포넌트가 마운트되었을 때 실행
-    if (stompClient.current?.connected) {
-      connectChat();
+    if (!stompClient.current?.connected) {
+      return;
     }
+
+    connectChat();
+
     //채팅 불러오기
     getChatMessages(0);
     //채팅 status, 상대이름 가져오기