From 115eecc6f3755992d89a7e9e8e4c349d9dc5641e Mon Sep 17 00:00:00 2001
From: eewing <eewing@cardoza.construction>
Date: Thu, 19 Feb 2026 10:02:49 -0600
Subject: [PATCH] Refactor ItemsCrud.svelte to initialize searchQuery with an
 empty string and update it based on URL parameters using a reactive effect.
 Update receipt image handling in +page.svelte to define the image URL as a
 constant for improved readability.

---
 src/routes/items/ItemsCrud.svelte     | 6 +++++-
 src/routes/receipts/[id]/+page.svelte | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/routes/items/ItemsCrud.svelte b/src/routes/items/ItemsCrud.svelte
index 0a5261c6..4bc2b94e 100644
--- a/src/routes/items/ItemsCrud.svelte
+++ b/src/routes/items/ItemsCrud.svelte
@@ -26,7 +26,11 @@
   let scanDialogOpen = $state(false);
   let editingItem = $state<StackqItem | null>(null);
   let formWhich = $state<"create" | "update">("create");
-  let searchQuery = $state(searchFromUrl);
+  let searchQuery = $state("");
+
+  $effect(() => {
+    searchQuery = searchFromUrl;
+  });
 
   const items = $derived(data?.items ?? []);
   const itemsForParent = $derived(data?.itemsForParent ?? []);
diff --git a/src/routes/receipts/[id]/+page.svelte b/src/routes/receipts/[id]/+page.svelte
index b19a17b8..3ebce59b 100644
--- a/src/routes/receipts/[id]/+page.svelte
+++ b/src/routes/receipts/[id]/+page.svelte
@@ -76,10 +76,10 @@
             </div>
           {/if}
           {#if receipt.Image}
+            {@const url = imageUrl(receipt)}
             <div class="flex gap-2">
               <dt class="text-muted-foreground w-24 shrink-0">Image</dt>
               <dd>
-                {@const url = imageUrl(receipt)}
                 {#if url}
                   <img
                     src={url}