immich/web/src/lib/components/shared-components/side-bar/more-information-albums.svelte
2024-08-20 07:50:36 -04:00

24 lines
628 B
Svelte

<script lang="ts">
import { type AlbumStatisticsResponseDto, getAlbumStatistics } from '@immich/sdk';
import LoadingSpinner from '$lib/components/shared-components/loading-spinner.svelte';
import { t } from 'svelte-i18n';
export let albumType: keyof AlbumStatisticsResponseDto;
const handleAlbumCount = async () => {
try {
return await getAlbumStatistics();
} catch {
return { owned: 0, shared: 0, notShared: 0 };
}
};
</script>
{#await handleAlbumCount()}
<LoadingSpinner />
{:then data}
<div>
<p>{$t('albums_count', { values: { count: data[albumType] } })}</p>
</div>
{/await}