fix(web): consistently use mdiMotionPauseOutline icon (#23595)

This commit is contained in:
Mees Frensel 2025-11-04 12:12:47 +01:00 committed by GitHub
parent f396e9e374
commit c34be73d81
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { IconButton } from '@immich/ui'; import { IconButton } from '@immich/ui';
import { mdiMotionPauseOutline, mdiPlaySpeed } from '@mdi/js'; import { mdiMotionPauseOutline, mdiMotionPlayOutline } from '@mdi/js';
import { t } from 'svelte-i18n'; import { t } from 'svelte-i18n';
interface Props { interface Props {
@ -15,7 +15,7 @@
color="secondary" color="secondary"
variant="ghost" variant="ghost"
shape="round" shape="round"
icon={isPlaying ? mdiMotionPauseOutline : mdiPlaySpeed} icon={isPlaying ? mdiMotionPauseOutline : mdiMotionPlayOutline}
aria-label={isPlaying ? $t('stop_motion_photo') : $t('play_motion_photo')} aria-label={isPlaying ? $t('stop_motion_photo') : $t('play_motion_photo')}
onclick={() => onClick(!isPlaying)} onclick={() => onClick(!isPlaying)}
/> />