summaryrefslogtreecommitdiffstatshomepage
path: root/frontend/src/lib/toolbar/EditSelection.svelte
blob: 50e66560c022a852b447fe4c0ad8484723c5de9e (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<script lang="ts">
	import { getSelectionContext } from '$lib/Selection';
	import { accelerator } from '$lib/Shortcuts';
	import type { SvelteComponent } from 'svelte';
	import { openModal } from 'svelte-modals';

	const selection = getSelectionContext();

	export let dialog: typeof SvelteComponent<{
		isOpen: boolean;
		ids: number[];
	}>;

	function edit() {
		openModal(dialog, {
			ids: $selection.ids
		});
	}
</script>

<button
	type="button"
	class="btn-slate hover:bg-blue-700"
	title="Edit selection"
	on:click={edit}
	use:accelerator={'e'}
>
	<span class="icon-base icon-[material-symbols--edit]" />
</button>