Fix example thumbnails (#7001)

4ian · Sep 30, 2024 · f0567b6 · f0567b6
1 parent 9b85f35
commit f0567b6
Showing 1 changed file with 15 additions and 9 deletions.
diff --git a/newIDE/app/src/AssetStore/ShopTiles.js b/newIDE/app/src/AssetStore/ShopTiles.js
@@ -531,15 +531,21 @@ export const ExampleTile = ({
   customTitle?: string,
   useQuickCustomizationThumbnail?: boolean,
 |}) => {
-  const thumbnailImgUrl = exampleShortHeader
-    ? useQuickCustomizationThumbnail
-      ? exampleShortHeader.quickCustomizationImageUrl
-        ? exampleShortHeader.quickCustomizationImageUrl
-        : exampleShortHeader.previewImageUrls
-        ? exampleShortHeader.previewImageUrls[0]
-        : ''
-      : ''
-    : '';
+  const thumbnailImgUrl = React.useMemo(
+    () => {
+      if (!exampleShortHeader) return '';
+      const firstPreviewUrl = exampleShortHeader.previewImageUrls[0] || '';
+      const quickCustomizationImageUrl =
+        exampleShortHeader.quickCustomizationImageUrl;
+      if (useQuickCustomizationThumbnail && quickCustomizationImageUrl) {
+        return quickCustomizationImageUrl;
+      }
+
+      return firstPreviewUrl;
+    },
+    [exampleShortHeader, useQuickCustomizationThumbnail]
+  );
+
   const classesForGridListItem = useStylesForGridListItem();
   return (
     <GridListTile