fix(ui): stale list thumbnails when navigating (#11609)

JarrodMFlesch · web-flow · commit fc5876a60229 · 2025-03-10T14:14:00.000-04:00
### What? Stale list view images Thumbnail images are stale on slow connections. ### Why? The variable `fileExists` is not reset when the `fileSrc` prop changes. #### Before https://github.com/user-attachments/assets/57a2352a-8312-4070-ba16-8c4f4d4e58e2 #### After https://github.com/user-attachments/assets/ea44b460-823d-412a-bed0-425378480bb5
diff --git a/packages/ui/src/elements/Thumbnail/index.tsx b/packages/ui/src/elements/Thumbnail/index.tsx
@@ -31,6 +31,7 @@ export const Thumbnail: React.FC<ThumbnailProps> = (props) => {
       setFileExists(false)
       return
     }
+    setFileExists(undefined)
 
     const img = new Image()
     img.src = fileSrc
@@ -81,6 +82,7 @@ export function ThumbnailComponent(props: ThumbnailComponentProps) {
       setFileExists(false)
       return
     }
+    setFileExists(undefined)
 
     const img = new Image()
     img.src = fileSrc

Original file line number	Diff line number	Diff line change
`@@ -31,6 +31,7 @@ export const Thumbnail: React.FC<ThumbnailProps> = (props) => {`
`31`	`31`	`setFileExists(false)`
`32`	`32`	`return`
`33`	`33`	`}`
	`34`	`+ setFileExists(undefined)`
`34`	`35`
`35`	`36`	`const img = new Image()`
`36`	`37`	`img.src = fileSrc`
`@@ -81,6 +82,7 @@ export function ThumbnailComponent(props: ThumbnailComponentProps) {`
`81`	`82`	`setFileExists(false)`
`82`	`83`	`return`
`83`	`84`	`}`
	`85`	`+ setFileExists(undefined)`
`84`	`86`
`85`	`87`	`const img = new Image()`
`86`	`88`	`img.src = fileSrc`