templates: fix media block generating an error if referenced media is…

… missing (#10310) Fixes #10231
payloadcms · Jan 2, 2025 · 951c38e · 951c38e
1 parent 7928eca
commit 951c38e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 10 deletions.
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(