open dialog on button edit

app/src/lib/components/ui/data-table/transactions/data-table-row-actions.svelte

@@ -4,33 +4,44 @@
 	import { type Transactions, transactionSchema } from './schemas';
 	import { Button } from '$lib/components/ui/button';
 	import * as DropdownMenu from '$lib/components/ui/dropdown-menu';
+	import {
+		currentSelectedTransaction,
+		isDialogOpen
+	} from '../../../../../routes/(app)/admin/transactions/store';
 
 	export let row: Transactions;
 	const transaction = transactionSchema.parse(row);
 
 	async function openDocument(e: Event) {
-        e.preventDefault();
-        const formData = new FormData();
-        formData.append('download', transaction.id);
+		e.preventDefault();
+		const formData = new FormData();
+		formData.append('download', transaction.id);
 
-        try {
-            const response = await fetch('?/downloadDocument', {
-                method: 'POST',
-                body: formData
-            });
-            const result = await response.json();
+		try {
+			const response = await fetch('?/downloadDocument', {
+				method: 'POST',
+				body: formData
+			});
+			const result = await response.json();
 			const dataObject = JSON.parse(result.data);
 			const url = dataObject[3];
-			
+
 			if (url) {
-                window.open(url, '_blank');
-            } else {
-                console.error('URL not found in the response:', result);
-            }
-        } catch (error) {
-            console.error('Failed to fetch:', error);
-        }
-    }
+				window.open(url, '_blank');
+			} else {
+				console.error('URL not found in the response:', result);
+			}
+		} catch (error) {
+			console.error('Failed to fetch:', error);
+		}
+	}
+
+	function editTransaction() {
+		return () => {
+			currentSelectedTransaction.set(transaction.id);
+			isDialogOpen.set(true);
+		};
+	}
 </script>
 
 <DropdownMenu.Root>
@@ -45,7 +56,9 @@
 		</Button>
 	</DropdownMenu.Trigger>
 	<DropdownMenu.Content class="w-[160px]" align="end">
-		<DropdownMenu.Item>Edit</DropdownMenu.Item>
+		<button on:click={editTransaction()} class="w-full">
+			<DropdownMenu.Item>Edit</DropdownMenu.Item>
+		</button>
 		<form method="POST" action="?/downloadDocument" on:submit={openDocument}>
 			<input hidden value={transaction.id} name="download" />
 			<button type="submit" class="w-full">