Daniel Dietzler
25 lines
665 B
Svelte
25 lines
665 B
Svelte
<script lang="ts">
|
|
import { shortcuts } from '$lib/actions/shortcut';
|
|
import { Icon } from '@immich/ui';
|
|
import { mdiChevronRight } from '@mdi/js';
|
|
import { t } from 'svelte-i18n';
|
|
import NavigationArea from '../navigation-area.svelte';
|
|
|
|
interface Props {
|
|
onNextAsset: () => void;
|
|
}
|
|
|
|
let { onNextAsset }: Props = $props();
|
|
</script>
|
|
|
|
<svelte:document
|
|
use:shortcuts={[
|
|
{ shortcut: { key: 'ArrowRight' }, onShortcut: onNextAsset },
|
|
{ shortcut: { key: 'd' }, onShortcut: onNextAsset },
|
|
]}
|
|
/>
|
|
|
|
<NavigationArea onClick={onNextAsset} label={$t('view_next_asset')}>
|
|
<Icon icon={mdiChevronRight} size="36" aria-hidden />
|
|
</NavigationArea>
|