refactor: loading spinner (#22103)

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

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]}