Merge pull request #390 from boostcampwm-2024/feature/fe/#350-getCurr…

…entGuestLocation [FE][Fix] #350 : [FE][Fix] HostView에서 유저 확인 시 유저의 현재 위치가 감춰지지 않는 문제 해결
boostcampwm-2024 · Dec 3, 2024 · 937e6ce · 937e6ce
2 parents ba0ef8c + 4c021e5
commit 937e6ce
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/frontend/src/pages/GuestView.tsx b/frontend/src/pages/GuestView.tsx
@@ -43,6 +43,13 @@ export const GuestView = () => {
       console.log('WebSocket connection established');
     };
 
+    ws.send(
+      JSON.stringify({
+        type: 'location',
+        location: { lat, lng, alpha },
+      }),
+    );
+
     wsRef.current = ws;
   }, [location]);
 

diff --git a/frontend/src/pages/HostView.tsx b/frontend/src/pages/HostView.tsx
@@ -204,7 +204,7 @@ export const HostView = () => {
     } else {
       setFilteredOtherLocations(otherLocations.filter(el => el.guestId === clickedId));
     }
-  }, [clickedId]);
+  }, [clickedId, ws, otherLocations]);
 
   return (
     <article className="absolute h-full w-screen flex-grow overflow-hidden">
@@ -221,7 +221,7 @@ export const HostView = () => {
       {lat && lng ? (
         // eslint-disable-next-line no-nested-ternary
         mapProps ? (
-          otherLocations ? (
+          otherLocations && filteredOtherLocations ? (
             <MapCanvasForView
               lat={lat}
               lng={lng}