From 82ea86d94ca73480ceefa6729cef68ff543fd3fb Mon Sep 17 00:00:00 2001
From: hyldmh <104757688+hyldmh@users.noreply.github.com>
Date: Mon, 18 May 2026 00:16:19 -0800
Subject: [PATCH] Fix: Show placeholder icon when item has no thumbnail
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

When an item has no thumbnail, the previous code returned an empty View — invisible with a transparent background. Now it shows a MaterialIcons broken-image placeholder icon.
---
 packages/mobile/components/List.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/mobile/components/List.tsx b/packages/mobile/components/List.tsx
index de4a1f9..ec9a76f 100644
--- a/packages/mobile/components/List.tsx
+++ b/packages/mobile/components/List.tsx
@@ -406,7 +406,11 @@ function Thumbnail({ item, type }: { item: ChildItem; type: ThumbnailType }) {
     type == ThumbnailType.Poster ? styles.posterThumb : styles.videoThumb;
 
   if (!uri) {
-    return <View style={style} />;
+    return (
+      <View style={style}>
+        <MaterialIcons name="broken-image" size={Math.min(style.width, style.height) * 0.5} color="#999999" />
+      </View>
+    );
   }
 
   return (