🏍️ Adds motionservice with data sync

2024-05-02 22:28:47 +02:00
parent ae1cb70710
commit 9dee0e1bb1
8 changed files with 131 additions and 14 deletions
@@ -1,14 +1,16 @@
 <script lang="ts">
 	import Controls from './Controls.svelte';
 	import { socket } from '$lib/stores';
+	import Spinner from '$lib/components/Spinner.svelte';
 </script>
 <div>
-    {#if $socket}
-        <Controls />
-        <slot/>
-    {:else}
-        <div class="flex justify-center items-center">
+    {#if !$socket}
+    <div class="flex flex-col h-full justify-center items-center">
+        <Spinner/>
            <h2>Waiting for connection</h2>
        </div>
+    {:else}
+        <Controls />
+        <slot/>
    {/if}
 </div>