Adding button to change layout

2021-06-15 17:30:28 +02:00
parent 3b278d0498
commit d888b694cc
6 changed files with 92 additions and 32 deletions
@@ -0,0 +1,20 @@
+<script lang="ts">
+    import Peer from "./Peer.svelte";
+    import {layoutStore} from "../../Stores/LayoutStore";
+    import {videoFocusStore} from "../../Stores/VideoFocusStore";
+</script>
+
+<div class="main-section">
+    {#each [...$layoutStore.values()] as peer (peer.uniqueId)}
+        {#if $videoFocusStore && peer === $videoFocusStore }
+            <Peer peer={peer}></Peer>
+        {/if}
+    {/each}
+</div>
+<aside class="sidebar">
+    {#each [...$layoutStore.values()] as peer (peer.uniqueId)}
+        {#if peer !== $videoFocusStore }
+            <Peer peer={peer}></Peer>
+        {/if}
+    {/each}
+</aside>