fix: close media popup on meeting leave

Signed-off-by: Alexander Onnikov <Alexander.Onnikov@xored.com>

plugins/love-resources/src/components/MediaPopupItemExt.svelte

@@ -4,13 +4,15 @@
   import { Button } from '@hcengineering/ui'
   import view from '@hcengineering/view'
   import { DocNavLink } from '@hcengineering/view-resources'
-  import { onMount } from 'svelte'
+  import { createEventDispatcher, onMount } from 'svelte'
   import love from '../plugin'
   import { currentRoom, infos, myInfo, myOffice, rooms, currentMeetingMinutes } from '../stores'
   import { endMeeting, isCurrentInstanceConnected, leaveRoom } from '../utils'
 
   export let limit: number = 4
 
+  const dispatch = createEventDispatcher()
+
   $: isMyOffice = $myInfo?.room === $myOffice?._id
   $: allowLeave = !isMyOffice && $myInfo?.room !== love.ids.Reception
 
@@ -18,6 +20,7 @@
   async function handleLeaveClick (): Promise<void> {
     leaving = true
     await leaveRoom($myInfo, $myOffice)
+    dispatch('close')
   }
 
   let ending = false
@@ -27,6 +30,7 @@
     if (room !== undefined && isOffice(room) && $myInfo !== undefined) {
       await endMeeting(room, $rooms, $infos, $myInfo)
     }
+    dispatch('close')
   }
 
   function formatElapsedTime (elapsed: number): string {

plugins/media-resources/src/components/MediaState.svelte

@@ -34,7 +34,7 @@
       <MicStateButton state={$state.microphone} />
       <CamStateButton state={$state.camera} />
 
-      <ComponentExtensions extension={media.extension.StateIndicator} />
+      <ComponentExtensions extension={media.extension.StateIndicator} on:close />
     </div>
 
     <MediaSettingsButton disabled={!hasMediaDevices} />