diff --git a/app/src/lib/components/History.svelte b/app/src/lib/components/History.svelte index ba7e023f6..aa802e93c 100644 --- a/app/src/lib/components/History.svelte +++ b/app/src/lib/components/History.svelte @@ -27,7 +27,7 @@ let currentFilePreview: RemoteFile | undefined = undefined; async function onLastInView() { - if (!$loading) await historyService.loadMore(); + if (!$loading && !$isAllLoaded) await historyService.loadMore(); } function updateFilePreview(entry: Snapshot, path: string) { @@ -102,7 +102,8 @@ {/if} - {#if $snapshots.length == 0 && $loading} + + {#if $loading && $snapshots.length == 0} {/if} @@ -153,7 +154,15 @@ {/if} {/each} - {#if $isAllLoaded} + + {#if $loading} +
+ Loading more snapshots… +
+ {/if} + + + {#if !$loading && $isAllLoaded}
@@ -312,7 +321,7 @@ .welcome-point { display: flex; gap: var(--size-10); - padding: var(--size-12) var(--size-16) var(--size-32) 5.2rem; + padding: var(--size-12) var(--size-16) var(--size-32) 5.3rem; } .welcome-point__content { @@ -326,6 +335,16 @@ color: var(--clr-text-3); } + .load-more { + display: flex; + justify-content: center; + padding: var(--size-24) var(--size-14); + } + + .load-more span { + color: var(--clr-text-3); + } + /* MODIFIERS */ .show-view { animation: view-fade-in 0.3s forwards;