feat: display loading process

agrrh · Dec 10, 2023 · 747c20a · 747c20a
1 parent 59dae5a
commit 747c20a
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/frontend/src/lib/Component.svelte b/frontend/src/lib/Component.svelte
@@ -82,9 +82,13 @@
 	</div>
 
 	<div class="body">
-		{#each observations as tick}
-			<Tick id={tick[0]} uptime={tick[1]} capacity={tickCapacitySeconds} />
-		{/each}
+		{#if dummy}
+			<progress class="progress is-small is-gray mt-2 mb-1" max="100">0%</progress>
+		{:else}
+			{#each observations as tick}
+				<Tick id={tick[0]} uptime={tick[1]} capacity={tickCapacitySeconds} />
+			{/each}
+		{/if}
 	</div>
 
 	<div class="info columns is-mobile has-text-grey is-size-7">