|
|
|
@ -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)}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
|