add empty-state progress loader

2024-02-04 14:55:08 -05:00 · 2024-02-04 14:55:08 -05:00 · 3d6d8e8001
commit 3d6d8e8001
parent 2c219ae4cc
1 changed files with 9 additions and 1 deletions
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@ -28,7 +28,15 @@
        >.
    </p>

-    {#await data.games then games}
+    {#await data.games}
+        <div class="medium-height middle-align center-align">
+            <div class="center-align">
+                <progress class="circle"></progress>
+
+                <h5>gathering games...</h5>
+            </div>
+        </div>
+    {:then games}
        <GameList {games} />
    {/await}
 </article>