From bd0455c940d0f651e97223b0949dde981dde91e3 Mon Sep 17 00:00:00 2001
From: Oliver Walters <oliver.henry.walters@gmail.com>
Date: Tue, 30 Jun 2026 11:37:21 +0000
Subject: [PATCH] Fix image caching

---
 src/frontend/src/components/details/DetailsImage.tsx | 4 ++++
 src/frontend/src/states/PreviewDrawerState.tsx       | 7 ++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/components/details/DetailsImage.tsx b/src/frontend/src/components/details/DetailsImage.tsx
index 9941ee87de..5c13e9c2bf 100644
--- a/src/frontend/src/components/details/DetailsImage.tsx
+++ b/src/frontend/src/components/details/DetailsImage.tsx
@@ -406,6 +406,10 @@ export function DetailsImage(props: Readonly<DetailImageProps>) {
   const { hovered, ref } = useHover();
   const [img, setImg] = useState<string>(props.src ?? backup_image);
 
+  useEffect(() => {
+    setImg(props.src ?? backup_image);
+  }, [props.src]);
+
   // Sets a new image, and triggers upstream instance refresh
   const setAndRefresh = (image: string) => {
     setImg(image);
diff --git a/src/frontend/src/states/PreviewDrawerState.tsx b/src/frontend/src/states/PreviewDrawerState.tsx
index aa837f0492..4a8793e6fe 100644
--- a/src/frontend/src/states/PreviewDrawerState.tsx
+++ b/src/frontend/src/states/PreviewDrawerState.tsx
@@ -35,7 +35,12 @@ export const usePreviewDrawerState = create<PreviewDrawerStateProps>()(
     },
 
     closePreview: () => {
-      set({ isOpen: false });
+      set({
+        isOpen: false,
+        instance: undefined,
+        id: undefined,
+        preview: undefined
+      });
     }
   })
 );