Use store

Signed-off-by: Alexander Platov <[email protected]>

Author: SasLord

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

@@ -155,7 +155,7 @@
 
   async function handleAction (action: Action): Promise<void> {
     const fn = await getResource(action.action)
-    await fn(room, undefined, { fullScreen })
+    await fn(room)
   }
   $: withVideo = $screenSharing || room.type === RoomType.Video
 

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

@@ -21,11 +21,10 @@
 
   import { languagesDisplayData } from '../types'
   import LanguageIcon from './LanguageIcon.svelte'
-  import { updateSessionLanguage } from '../utils'
+  import { updateSessionLanguage, isFullScreen } from '../utils'
 
   export let room: Room
   export let kind: 'dropdown' | 'icon' = 'dropdown'
-  export let fullScreenPopup: boolean = false
 
   const client = getClient()
 
@@ -60,7 +59,7 @@
         }
       },
       () => {},
-      { category: 'popup', overlay: true, fullScreen: fullScreenPopup }
+      { category: 'popup', overlay: true, fullScreen: $isFullScreen }
     )
   }
 </script>
@@ -74,7 +73,7 @@
     iconProps={{ lang: selectedItem }}
     bind:selected={selectedItem}
     label={view.string.AddSavedView}
-    {fullScreenPopup}
+    fullScreenPopup={$isFullScreen}
     on:selected={(e) => handleSelection(e.detail)}
   />
 {:else}

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

@@ -23,7 +23,6 @@
   import love from '../plugin'
 
   export let room: Room
-  export let fullScreenPopup: boolean = false
 
   const dispatch = createEventDispatcher()
 
@@ -66,7 +65,7 @@
     </div>
     <div class="component">
       {#if selectedGroup.id === 'transcription'}
-        <RoomTranscriptionSettings {room} {fullScreenPopup} />
+        <RoomTranscriptionSettings {room} />
       {/if}
     </div>
   </div>

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

@@ -20,7 +20,6 @@
   import RoomLanguageSelector from './RoomLanguageSelector.svelte'
 
   export let room: Room
-  export let fullScreenPopup: boolean = false
 
   const client = getClient()
 
@@ -38,7 +37,7 @@
     <div class="antiGrid-row__header">
       <Label label={ui.string.Language} />
     </div>
-    <RoomLanguageSelector {room} {fullScreenPopup} />
+    <RoomLanguageSelector {room} />
   </div>
   <div class="antiGrid-row">
     <div class="antiGrid-row__header">

plugins/love-resources/src/utils.ts

@@ -1194,10 +1194,10 @@ export async function updateSessionLanguage (room: Room): Promise<void> {
   }
 }
 
-export async function showRoomSettings (room?: Room, evt?: Event, params?: Record<string, any>): Promise<any> {
+export async function showRoomSettings (room?: Room): Promise<any> {
   if (room === undefined) return
 
-  const fullScreen: boolean = params?.fullScreen
+  const fullScreen: boolean = get(isFullScreen)
   showPopup(
     RoomSettingsPopup,
     { room, fullScreenPopup: fullScreen },