cjones/immich
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: loading spinner (#22103)

Browse Source
This commit is contained in:
Jason Rasmussen
2025-09-16 16:22:13 -04:00
committed by GitHub
parent 6ffd8e679e
commit c9daefccc4
25 changed files with 50 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/+page.svelte
View File

@@ -11,7 +11,6 @@
import ButtonContextMenu from '$lib/components/shared-components/context-menu/button-context-menu.svelte';
import MenuOption from '$lib/components/shared-components/context-menu/menu-option.svelte';
import ControlAppBar from '$lib/components/shared-components/control-app-bar.svelte';
import LoadingSpinner from '$lib/components/shared-components/loading-spinner.svelte';
import {
NotificationType,
notificationController,
@@ -50,7 +49,7 @@
updatePerson,
type PersonResponseDto,
} from '@immich/sdk';
import { modalManager } from '@immich/ui';
import { LoadingSpinner, modalManager } from '@immich/ui';
import {
mdiAccountBoxOutline,
mdiAccountMultipleCheckOutline,

5
web/src/routes/(user)/search/[[photos=photos]]/[[assetId=id]]/+page.svelte
View File

@@ -6,7 +6,6 @@
import ButtonContextMenu from '$lib/components/shared-components/context-menu/button-context-menu.svelte';
import ControlAppBar from '$lib/components/shared-components/control-app-bar.svelte';
import GalleryViewer from '$lib/components/shared-components/gallery-viewer/gallery-viewer.svelte';
import LoadingSpinner from '$lib/components/shared-components/loading-spinner.svelte';
import SearchBar from '$lib/components/shared-components/search-bar/search-bar.svelte';
import AddToAlbum from '$lib/components/timeline/actions/AddToAlbumAction.svelte';
import ArchiveAction from '$lib/components/timeline/actions/ArchiveAction.svelte';
@@ -44,7 +43,7 @@
searchSmart,
type SmartSearchDto,
} from '@immich/sdk';
import { Icon, IconButton } from '@immich/ui';
import { Icon, IconButton, LoadingSpinner } from '@immich/ui';
import { mdiArrowLeft, mdiDotsVertical, mdiImageOffOutline, mdiPlus, mdiSelectAll } from '@mdi/js';
import { tick } from 'svelte';
import { t } from 'svelte-i18n';
@@ -398,7 +397,7 @@
{#if isLoading}
<div class="flex justify-center py-16 items-center">
<LoadingSpinner size="48" />
<LoadingSpinner size="giant" />
</div>
{/if}
</section>

11
web/src/routes/admin/library-management/+page.svelte
View File

@@ -5,7 +5,6 @@
import ButtonContextMenu from '$lib/components/shared-components/context-menu/button-context-menu.svelte';
import MenuOption from '$lib/components/shared-components/context-menu/menu-option.svelte';
import EmptyPlaceholder from '$lib/components/shared-components/empty-placeholder.svelte';
import LoadingSpinner from '$lib/components/shared-components/loading-spinner.svelte';
import {
notificationController,
NotificationType,
@@ -31,7 +30,7 @@
type LibraryStatsResponseDto,
type UserResponseDto,
} from '@immich/sdk';
import { Button, modalManager, Text } from '@immich/ui';
import { Button, LoadingSpinner, modalManager, Text } from '@immich/ui';
import { mdiDotsVertical, mdiPlusBoxOutline, mdiSync } from '@mdi/js';
import { onMount } from 'svelte';
import { t } from 'svelte-i18n';
@@ -297,26 +296,26 @@
<td class="text-ellipsis px-4 text-sm">{library.name}</td>
<td class="text-ellipsis px-4 text-sm">
{#if owner[index] == undefined}
<LoadingSpinner size="40" />
<LoadingSpinner size="large" />
{:else}{owner[index].name}{/if}
</td>
<td class="text-ellipsis px-4 text-sm">
{#if photos[index] == undefined}
<LoadingSpinner size="40" />
<LoadingSpinner size="large" />
{:else}
{photos[index].toLocaleString($locale)}
{/if}
</td>
<td class="text-ellipsis px-4 text-sm">
{#if videos[index] == undefined}
<LoadingSpinner size="40" />
<LoadingSpinner size="large" />
{:else}
{videos[index].toLocaleString($locale)}
{/if}
</td>
<td class="text-ellipsis px-4 text-sm">
{#if diskUsage[index] == undefined}
<LoadingSpinner size="40" />
<LoadingSpinner size="large" />
{:else}
{diskUsage[index]}
{diskUsageUnit[index]}