update(CallScreen): Sort chat users by video enabled status (#747)

Satellite-im · Oct 22, 2024 · a090ed1 · a090ed1
1 parent a4540aa
commit a090ed1
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/lib/components/calling/CallScreen.svelte b/src/lib/components/calling/CallScreen.svelte
@@ -237,7 +237,11 @@
                     {/if}
                 </div>
 
-                {#each chat.users as user (user)}
+                {#each chat.users.sort((a, b) => {
+                    const aVideoEnabled = $remoteStreams[a]?.user?.videoEnabled ? 1 : 0
+                    const bVideoEnabled = $remoteStreams[b]?.user?.videoEnabled ? 1 : 0
+                    return bVideoEnabled - aVideoEnabled
+                }) as user (user)}
                     {#if user === get(Store.state.user).key && !userCallOptions.video.enabled}
                         <Participant participant={$userCache[user]} hasVideo={$userCache[user].media.is_streaming_video} isMuted={muted} isDeafened={userCallOptions.audio.deafened} isTalking={$userCache[user].media.is_playing_audio} />
                     {:else if $userCache[user] && $userCache[user].key !== get(Store.state.user).key && !$remoteStreams[user]}