immich-app/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-12-21 01:11:16 +03:00
Code Issues Packages Projects Releases 18 Wiki Activity

refactor(web): material icons (#4636)

Browse Source
This commit is contained in:
Jason Rasmussen
2023-10-25 09:48:25 -04:00
committed by GitHub
parent d5e19e45cd
commit 2ad389f64e
89 changed files with 557 additions and 534 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/lib/components/assets/thumbnail/video-thumbnail.svelte
View File

@@ -1,9 +1,8 @@
<script lang="ts">
import { Duration } from 'luxon';
import PauseCircleOutline from 'svelte-material-icons/PauseCircleOutline.svelte';
import PlayCircleOutline from 'svelte-material-icons/PlayCircleOutline.svelte';
import AlertCircleOutline from 'svelte-material-icons/AlertCircleOutline.svelte';
import LoadingSpinner from '$lib/components/shared-components/loading-spinner.svelte';
import { mdiAlertCircleOutline, mdiPauseCircleOutline, mdiPlayCircleOutline } from '@mdi/js';
import Icon from '$lib/components/elements/icon.svelte';
export let url: string;
export let durationInSeconds = 0;
@@ -11,8 +10,8 @@
export let playbackOnIconHover = false;
export let showTime = true;
export let curve = false;
export let playIcon = PlayCircleOutline;
export let pauseIcon = PauseCircleOutline;
export let playIcon = mdiPlayCircleOutline;
export let pauseIcon = mdiPauseCircleOutline;
let remainingSeconds = durationInSeconds;
let loading = true;
@@ -55,12 +54,12 @@
{#if loading}
<LoadingSpinner />
{:else if error}
<AlertCircleOutline size="24" class="text-red-600" />
<Icon path={mdiAlertCircleOutline} size="24" class="text-red-600" />
{:else}
<svelte:component this={pauseIcon} size="24" />
<Icon path={pauseIcon} size="24" />
{/if}
{:else}
<svelte:component this={playIcon} size="24" />
<Icon path={playIcon} size="24" />
{/if}
</span>
</div>