gitbutlerapp/gitbutler
1
1
Fork 0
mirror of https://github.com/gitbutlerapp/gitbutler.git synced 2025-01-03 15:06:01 +03:00
Code Issues Packages Projects Releases Wiki Activity

"loading more snapshots" state (#3839)

Browse Source
This commit is contained in:
Pavel Laptev 2024-05-23 21:54:56 +02:00 committed by GitHub
parent 7a4c625781
commit 3e066d4944
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 23 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
app/src/lib/components/History.svelte
View File

@ -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 @@
</EmptyStatePlaceholder>
{/if}
{#if $snapshots.length == 0 && $loading}
<!-- INITIAL LOADING -->
{#if $loading && $snapshots.length == 0}
<FullviewLoading />
{/if}
@ -153,7 +154,15 @@
{/if}
{/each}
{#if $isAllLoaded}
<!-- LOAD MORE -->
{#if $loading}
<div class="load-more">
<span class="text-base-body-13"> Loading more snapshots… </span>
</div>
{/if}
<!-- ALL SNAPSHOTS LOADED -->
{#if !$loading && $isAllLoaded}
<div class="welcome-point">
<div class="welcome-point__icon">
<Icon name="finish" />
@ -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;