Merge pull request #384 from boostcampwm-2024/feat/#383/ticle-end

[Feat] 티클 종료 status 변경 시점 변경
boostcampwm-2024 · Dec 5, 2024 · ffab126 · ffab126
2 parents c24e15b + a8b9451
commit ffab126
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 9 deletions.
diff --git a/apps/web/src/components/live/ControlBar/index.tsx b/apps/web/src/components/live/ControlBar/index.tsx
@@ -106,19 +106,24 @@ const ControlBar = ({ isOwner, onTicleEnd }: ControlBarProps) => {
   };
 
   useEffect(() => {
-    const handleBeforeUnload = (e: Event) => {
-      if (isOwner) {
-        const blob = new Blob([], {
-          type: 'application/json',
-        });
+    const handleBeforeUnload = (e: BeforeUnloadEvent) => {
+      e.preventDefault();
+    };
 
+    const handleUnload = () => {
+      if (isOwner) {
+        const blob = new Blob([], { type: 'application/json' });
         navigator.sendBeacon(`${ENV.API_URL}/dashboard/${ticleId}/end`, blob);
       }
-      e.preventDefault();
     };
 
     window.addEventListener('beforeunload', handleBeforeUnload);
-    return () => window.removeEventListener('beforeunload', handleBeforeUnload);
+    window.addEventListener('unload', handleUnload);
+
+    return () => {
+      window.removeEventListener('beforeunload', handleBeforeUnload);
+      window.removeEventListener('unload', handleUnload);
+    };
   }, []);
 
   return (

diff --git a/apps/web/src/hooks/mediasoup/useMediasoup.ts b/apps/web/src/hooks/mediasoup/useMediasoup.ts
@@ -102,11 +102,11 @@ const useMediasoup = () => {
       clearMediasoup();
     };
 
-    window.addEventListener('beforeunload', clearAll);
+    window.addEventListener('unload', clearAll);
 
     return () => {
       clearAll();
-      window.removeEventListener('beforeunload', clearAll);
+      window.removeEventListener('unload', clearAll);
     };
   }, []);
 };