From 35e20fb16d4f1e0cdb3e790e32ebbf4ebf4b9137 Mon Sep 17 00:00:00 2001
From: Paul Bailey <psbailey31@gmail.com>
Date: Tue, 2 Dec 2025 14:44:03 +0000
Subject: [PATCH] Fix ListDetailView not updating when items change

- Add useEffect to sync filteredItems state with initialItems prop
- Now when router.refresh() updates initialItems, the UI updates
- Deleted items now disappear immediately after refresh
---
 components/ListDetailView.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/components/ListDetailView.tsx b/components/ListDetailView.tsx
index bcaeaee..e0b23df 100644
--- a/components/ListDetailView.tsx
+++ b/components/ListDetailView.tsx
@@ -143,6 +143,11 @@ export default function ListDetailView({
     onFiltersChange: handleFiltersCallback
   })
 
+  // Update filtered items when initialItems changes (after refresh)
+  useEffect(() => {
+    setFilteredItems(initialItems)
+  }, [initialItems])
+
   // Apply initial filters on mount
   useEffect(() => {
     handleFiltersCallback(filters)