add image-and-text and image slider block types

web/src/components/events/EventHeader.tsx

@@ -5,6 +5,8 @@ import { Pig } from "../general/Pig";
 import Link from "next/link";
 
 export const EventHeader = ({ event }: { event: EventFragment }) => {
+  const featuredImage: any = event.featuredImage
+
   return (
     <div className={styles.eventHeader}>
       <div className={styles.text}>
@@ -61,12 +63,12 @@ export const EventHeader = ({ event }: { event: EventFragment }) => {
         </div>
       </div>
       <div className={styles.image}>
-        {event.featuredImage && (
+        {featuredImage && (
           <Image
-            src={event.featuredImage.url}
-            alt={event.featuredImage.alt}
-            width={event.featuredImage.width}
-            height={event.featuredImage.height}
+            src={featuredImage.url}
+            alt={featuredImage.alt}
+            width={featuredImage.width}
+            height={featuredImage.height}
             sizes="100vw"
           />
         )}

web/src/components/events/EventItem.tsx

@@ -21,6 +21,7 @@ export const EventItem = ({
 }) => {
   const nextOccurrence = getClosestOccurrence(event);
   const numOccurrences = event?.occurrences?.length ?? 0;
+  const featuredImage: any = event.featuredImage;
 
   return (
     <li
@@ -29,10 +30,10 @@ export const EventItem = ({
       } linkItem`}
     >
       <div className={styles.image}>
-        {event.featuredImage && (
+        {featuredImage && (
           <Image
-            src={event.featuredImage.url}
-            alt={event.featuredImage.alt}
+            src={featuredImage.url}
+            alt={featuredImage.alt}
             width={0}
             height={0}
             sizes="20vw"