From d0f1ad3c245fb6165a9b102bc53324d14aff41f7 Mon Sep 17 00:00:00 2001
From: WithoutPants <53250216+WithoutPants@users.noreply.github.com>
Date: Thu, 15 Oct 2020 10:53:00 +1100
Subject: [PATCH] Show static image if wall video missing (#849)

---
 .../src/components/Changelog/versions/v040.md |  1 +
 ui/v2.5/src/components/Wall/WallItem.tsx      | 21 ++++++++++++-------
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/ui/v2.5/src/components/Changelog/versions/v040.md b/ui/v2.5/src/components/Changelog/versions/v040.md
index 4ac7e7e1d..5b70879d9 100644
--- a/ui/v2.5/src/components/Changelog/versions/v040.md
+++ b/ui/v2.5/src/components/Changelog/versions/v040.md
@@ -6,6 +6,7 @@
 * Add selective scene export.
 
 ### 🎨 Improvements
+* Show static image on scene wall if preview video is missing.
 * Add path filter to scene and gallery query.
 * Add button to hide left panel on scene page.
 * Add link to parent studio in studio page.
diff --git a/ui/v2.5/src/components/Wall/WallItem.tsx b/ui/v2.5/src/components/Wall/WallItem.tsx
index c107b8de3..4d2b36c3d 100644
--- a/ui/v2.5/src/components/Wall/WallItem.tsx
+++ b/ui/v2.5/src/components/Wall/WallItem.tsx
@@ -46,14 +46,6 @@ const Preview: React.FC<{
 
   if (!previews) return <div />;
 
-  if (isMissing) {
-    return (
-      <div className="wall-item-media wall-item-missing">
-        Pending preview generation
-      </div>
-    );
-  }
-
   const image = (
     <img
       alt=""
@@ -81,6 +73,19 @@ const Preview: React.FC<{
     />
   );
 
+  if (isMissing) {
+    // show the image if the video preview is unavailable
+    if (previews.image) {
+      return image;
+    }
+
+    return (
+      <div className="wall-item-media wall-item-missing">
+        Pending preview generation
+      </div>
+    );
+  }
+
   if (previewType === "video") {
     return video;
   }