Merge pull request #1793 from iFixit/vulcan-fix-linkcard-images

Vulcan: fix missing linkcard images
iFixit · Jun 30, 2023 · 004a281 · 004a281 · vercel · Jun 30, 2023
2 parents 371635b + f14fbb8
commit 004a281
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/frontend/templates/troubleshooting/Resource.tsx b/frontend/templates/troubleshooting/Resource.tsx
@@ -60,7 +60,11 @@ export function ProductResource({ product }: { product: Product }) {
       <Resource
          href={productUrl}
          title={product.title}
-         imageUrl={selectedVariant.image?.url}
+         imageUrl={
+            selectedVariant.image?.url ||
+            product.images[0]?.thumbnailUrl ||
+            product.images[0]?.url
+         }
          spacing="4px"
          showBuyButton={isForSale}
          openInNewTab={true}

diff --git a/frontend/templates/troubleshooting/solution.tsx b/frontend/templates/troubleshooting/solution.tsx
@@ -237,12 +237,20 @@ function LinkCards({
    products,
    ...props
 }: { guides: Guide[]; products: Product[] } & BoxProps) {
+   const uniqueGuides = guides.filter(
+      (guide, index) =>
+         guides.findIndex((g) => g.guideid === guide.guideid) === index
+   );
+   const uniqueProducts = products.filter(
+      (product, index) =>
+         products.findIndex((p) => p.id === product.id) === index
+   );
    return (
       <VStack spacing="6px" {...props}>
-         {guides.map((guide: Guide) => (
+         {uniqueGuides.map((guide: Guide) => (
             <GuideResource key={guide.guideid} guide={guide} />
          ))}
-         {products.map((product: Product) => (
+         {uniqueProducts.map((product: Product) => (
             <ProductResource key={product.id} product={product} />
          ))}
       </VStack>