index: add loading spinner

Signed-off-by: NotAShelf <raf@notashelf.dev>
Change-Id: I383f790b11f2b350ebe4b51a81af1d286a6a6964
This commit is contained in:
raf 2026-01-23 00:50:23 +03:00
commit 1850ac135f
Signed by: NotAShelf
GPG key ID: 29D95B64378DB4BF
2 changed files with 25 additions and 2 deletions

View file

@ -192,7 +192,13 @@ function App() {
</header>
<main class="main">
<Suspense fallback={<div class="loading">Loading analysis...</div>}>
<Show when={isLoading()}>
<div class="loading">
<div class="spinner"></div>
<span>Loading saved data...</span>
</div>
</Show>
<Show when={!isLoading()}>
<Show when={view() === 'analysis'}>
<Show when={!currentStats()}>
<FileUpload
@ -238,7 +244,7 @@ function App() {
onDelete={deleteSnapshot}
/>
</Show>
</Suspense>
</Show>
</main>
<footer class="footer">