patches with immer (not working atm)

website/src/lib/components/FileListItem.svelte

@@ -4,43 +4,38 @@
 	import Shortcut from './Shortcut.svelte';
 	import { Copy, Trash2 } from 'lucide-svelte';
 
-	import type { GPXFile } from 'gpx';
-
 	import { get, type Writable } from 'svelte/store';
-	import {
-		duplicateSelectedFiles,
-		removeSelectedFiles,
-		selectedFiles,
-		selectFiles
-	} from '$lib/stores';
+	import { filestore, selectedFiles, selectFiles } from '$lib/stores';
 
 	import { _ } from 'svelte-i18n';
+	import type { GPXFile } from 'gpx';
+	import type { Immutable } from 'immer';
 
-	export let file: Writable<GPXFile>;
+	export let file: Writable<Immutable<GPXFile>> | undefined;
 </script>
 
 <!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
 	on:contextmenu={() => {
-		if (!get(selectedFiles).has(get(file))) {
-			get(selectFiles).select(get(file));
+		if (!get(selectedFiles).has($file?._data.id)) {
+			get(selectFiles).select($file?._data.id);
 		}
 	}}
 >
 	<ContextMenu.Root>
 		<ContextMenu.Trigger>
 			<Button variant="outline" class="h-9 px-1.5 py-1 border-none shadow-md">
-				{$file.metadata.name}
+				{$file?.metadata.name}
 			</Button>
 		</ContextMenu.Trigger>
 		<ContextMenu.Content>
-			<ContextMenu.Item on:click={duplicateSelectedFiles}>
+			<ContextMenu.Item on:click={filestore.duplicateSelectedFiles}>
 				<Copy size="16" class="mr-1" />
 				{$_('menu.duplicate')}
 				<Shortcut key="D" ctrl={true} /></ContextMenu.Item
 			>
 			<ContextMenu.Separator />
-			<ContextMenu.Item on:click={removeSelectedFiles}
+			<ContextMenu.Item on:click={filestore.deleteSelectedFiles}
 				><Trash2 size="16" class="mr-1" />
 				{$_('menu.delete')}
 				<Shortcut key="⌫" ctrl={true} /></ContextMenu.Item