mirror of
https://github.com/immich-app/immich.git
synced 2025-05-24 01:12:58 -04:00
188188a844
* fix: Change shortcut listeners to document * fix: split into window and document * chore: upgrade ui package
25 lines
707 B
Svelte
25 lines
707 B
Svelte
<script lang="ts">
|
|
import { shortcuts } from '$lib/actions/shortcut';
|
|
import Icon from '$lib/components/elements/icon.svelte';
|
|
import { mdiChevronLeft } from '@mdi/js';
|
|
import { t } from 'svelte-i18n';
|
|
import NavigationArea from '../navigation-area.svelte';
|
|
|
|
interface Props {
|
|
onPreviousAsset: () => void;
|
|
}
|
|
|
|
let { onPreviousAsset }: Props = $props();
|
|
</script>
|
|
|
|
<svelte:document
|
|
use:shortcuts={[
|
|
{ shortcut: { key: 'ArrowLeft' }, onShortcut: onPreviousAsset },
|
|
{ shortcut: { key: 'a' }, onShortcut: onPreviousAsset },
|
|
]}
|
|
/>
|
|
|
|
<NavigationArea onClick={onPreviousAsset} label={$t('view_previous_asset')}>
|
|
<Icon path={mdiChevronLeft} size="36" ariaHidden />
|
|
</NavigationArea>
|