templates: fix media block generating an error if referenced media is missing (#10310)

paulpopus · web-flow · commit 951c38e587ae · 2025-01-02T19:13:24.000Z
Fixes #10231
diff --git a/templates/website/src/blocks/MediaBlock/Component.tsx b/templates/website/src/blocks/MediaBlock/Component.tsx
@@ -42,11 +42,13 @@ export const MediaBlock: React.FC<Props> = (props) => {
         className,
       )}
     >
-      <Media
-        imgClassName={cn('border border-border rounded-[0.8rem]', imgClassName)}
-        resource={media}
-        src={staticImage}
-      />
+      {(media || staticImage) && (
+        <Media
+          imgClassName={cn('border border-border rounded-[0.8rem]', imgClassName)}
+          resource={media}
+          src={staticImage}
+        />
+      )}
       {caption && (
         <div
           className={cn(
diff --git a/templates/with-vercel-website/src/blocks/MediaBlock/Component.tsx b/templates/with-vercel-website/src/blocks/MediaBlock/Component.tsx
@@ -42,11 +42,13 @@ export const MediaBlock: React.FC<Props> = (props) => {
         className,
       )}
     >
-      <Media
-        imgClassName={cn('border border-border rounded-[0.8rem]', imgClassName)}
-        resource={media}
-        src={staticImage}
-      />
+      {(media || staticImage) && (
+        <Media
+          imgClassName={cn('border border-border rounded-[0.8rem]', imgClassName)}
+          resource={media}
+          src={staticImage}
+        />
+      )}
       {caption && (
         <div
           className={cn(
