Fix: Ignore empty CMS entries

bside-ms · Feb 10, 2024 · 3583f28 · 3583f28
1 parent 3ef8d27
commit 3583f28
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/components/blocks/mediaBlock/MediaBlock.tsx b/components/blocks/mediaBlock/MediaBlock.tsx
@@ -22,13 +22,14 @@ const WideMediaBlock = (url: string, effects: Array<'blur' | 'grayscale' | 'desa
     );
 };
 
+// eslint-disable-next-line complexity
 const MediaBlock = ({ media, caption = '', size, effects }: MediaBlockProps): ReactElement | null => {
 
     if (typeof media === 'string') {
         return null;
     }
 
-    if (isEmptyString(media.url)) {
+    if (media.url === undefined || media.url === null || isEmptyString(media.url)) {
         return null;
     }
 

diff --git a/pages/events/history.tsx b/pages/events/history.tsx
@@ -37,16 +37,20 @@ export default ({ events, page }: Props): ReactElement => {
         initialData: page,
     });
 
+    const media = pageData.headerImage as Media | undefined;
+
     return (
         <div className="min-h-screen flex flex-col justify-between">
             <HeaderBar />
             <ContentDivider />
 
             <main id="content">
-                <MediaBlock
-                    size="wide"
-                    media={pageData.headerImage as Media}
-                />
+                {media !== undefined && media.url !== undefined && (
+                    <MediaBlock
+                        size="wide"
+                        media={pageData.headerImage as Media}
+                    />
+                )}
                 <HeadlineBlock
                     title={pageData.title}
                     level="h1"