fix : rename event image content from src to media (#211)

JeanneGrenet · web-flow · commit 74be3fb1ac4c · 2025-02-03T15:11:43.000+01:00
diff --git a/src/components/EventCard/index.astro b/src/components/EventCard/index.astro
@@ -33,15 +33,15 @@ const isUpcomingEvent = dayjs().isBefore(event.data.date);
   )}
 >
   {
-    !!event.data.image?.src && (
+    !!event.data.image?.media && (
       <div
         class={cn(
           "pointer-events-none absolute bottom-0 left-0 right-0 top-0 -z-10 overflow-hidden",
           event.data.status === "cancelled" && "grayscale",
         )}
       >
         <Image
-          src={event.data.image.src}
+          src={event.data.image.media}
           alt=""
           class={cn(
             "absolute size-full bg-white/20 object-cover object-center transition duration-500 group-hover:scale-110",
diff --git a/src/content/events/2024-belgium-ottignies-louvain-la-neuve/index.mdx b/src/content/events/2024-belgium-ottignies-louvain-la-neuve/index.mdx
@@ -12,7 +12,7 @@ excerpt: >
   for meetings focused on sharing experiences and constructive discussions. Our community continues to grow and has chosen Louvain-la-Neuve to
   host its first meetup in Belgium. Follow us and sign up for the meetup to be part of this unique experience!
 image:
-  src: "./ottignies-louvain-la-neuve.jpg"
+  media: "./ottignies-louvain-la-neuve.jpg"
   alt: "Ottignies-Louvain-la-Neuve"
   credit: EmDee on Wikipedia
 speakers:
diff --git a/src/content/events/2024-france-rouen/index.mdx b/src/content/events/2024-france-rouen/index.mdx
@@ -20,7 +20,7 @@ excerpt: >
   wanting to share their experiences, come enjoy a fulfilling day with a dozen
   conferences in the heart of Rouen.
 image:
-  src: "./cover.jpeg"
+  media: "./cover.jpeg"
   alt: "Gros Horloge, Rouen, France"
   credit: Gautier Salles
 cfp:
diff --git a/src/content/events/2024-malaisia-kuala-lumpur/index.mdx b/src/content/events/2024-malaisia-kuala-lumpur/index.mdx
@@ -13,7 +13,7 @@ excerpt: >
   to grow and has chosen Kuala Lumpur to host its first meetup in Malaysia. Follow us and sign up for the meetup to be part of this
   unique experience!
 image:
-  src: "./cover.jpeg"
+  media: "./cover.jpeg"
   alt: "PETRONAS Twin Tower, Kuala Lumpur, Malaysia"
   credit: Izuddin Helmi Adnan
 tickets:
diff --git a/src/content/events/2024-morocco-casablanca/index.mdx b/src/content/events/2024-morocco-casablanca/index.mdx
@@ -12,7 +12,7 @@ excerpt: >
 tickets:
   href: https://lu.ma/pzhxq4kl?tk=dl71qA
 image:
-  src: "./casablanca.jpg"
+  media: "./casablanca.jpg"
   alt: "Hassan II Mosque, Casablanca, Morocco"
   credit: Mourad Saadi
 speakers:
diff --git a/src/content/events/2024-thailand-bangkok/index.mdx b/src/content/events/2024-thailand-bangkok/index.mdx
@@ -12,7 +12,7 @@ excerpt: >
   enthusiasts for meetings focused on sharing experiences and constructive discussions. Our community continues to grow and has chosen Bangkok
   to host its first meetup in Thailand. Follow us and sign up for the meetup to be part of this unique experience!
 image:
-  src: "./bangkok.jpg"
+  media: "./bangkok.jpg"
   alt: "Grand Palace, Bangkok, Thailand"
   credit: Alejandro Cartagena
 tickets:
diff --git a/src/content/events/2024-tunisia-tunis/index.mdx b/src/content/events/2024-tunisia-tunis/index.mdx
@@ -14,7 +14,7 @@ excerpt: >
   Tunisia to host its first conference day in Africa. Follow us
   and sign up for the meetup to be part of this unique experience!
 image:
-  src: "./cover.jpg"
+  media: "./cover.jpg"
   alt: "Habib Bourguiba Avenue, Tunis, Tunisia"
   credit: Hammami Ghazi
 coOrganizers:
diff --git a/src/content/events/2024-vietnam-da-nang/index.mdx b/src/content/events/2024-vietnam-da-nang/index.mdx
@@ -12,7 +12,7 @@ excerpt: >
   we’ll bring together tech and entrepreneurship enthusiasts for two talks, focused on sharing experiences and constructive discussions. Follow us and sign
   up for the meetup to be part of this unique experience!
 image:
-  src: "./da-nang.jpg"
+  media: "./da-nang.jpg"
   alt: "Bà Nà Hills Hand of the Gods, Da Nang, Vietnam"
   credit: Jet Dela Cruz
 tickets:
diff --git a/src/content/events/2024-vietnam-hanoi/index.mdx b/src/content/events/2024-vietnam-hanoi/index.mdx
@@ -13,7 +13,7 @@ excerpt: >
   community continues to grow and has chosen Vietnam to host its first meetup in Asia.
   Follow us and sign up for the meetup to be part of this unique experience!
 image:
-  src: "./hanoi.jpg"
+  media: "./hanoi.jpg"
   alt: Tran Quoc Pagoda
   credit: Ben Koorengevel
 speakers:
diff --git a/src/content/events/2025-thailand-bangkok/index.mdx b/src/content/events/2025-thailand-bangkok/index.mdx
@@ -12,7 +12,7 @@ location:
 excerpt: >
   Fork It! is back in Thailand for its second meetup! After the success of our 2024 events in Asia, we’re excited to return to Bangkok in 2025. This event is all about connecting tech enthusiasts from diverse backgrounds to share experiences and network. Whether you’re a seasoned pro or just starting out, join us for an evening of learning and connection!
 image:
-  src: "./bangkok.jpg"
+  media: "./bangkok.jpg"
   alt: "Grand Palace, Bangkok, Thailand"
   credit: Alejandro Cartagena
 coOrganizers:
diff --git a/src/content/events/2025-tunisia-nabeul/index.mdx b/src/content/events/2025-tunisia-nabeul/index.mdx
@@ -17,7 +17,7 @@ excerpt: >
 tickets:
   href: https://lu.ma/2025-tunisia-nabeul
 image:
-  src: "dorsaf-sayeh-nabeul.jpeg"
+  media: "dorsaf-sayeh-nabeul.jpeg"
   alt: "Nabeul"
   credit: Dorsaf Sayeh
 speakers:
diff --git a/src/layouts/EventLayout.astro b/src/layouts/EventLayout.astro
@@ -38,15 +38,15 @@ const title = `${event.data.name}, ${getEventDisplayType(event.data.type)}`;
     image={ogImage.toString()}
   />
   {
-    !!event?.data.image?.src && (
+    !!event?.data.image?.media && (
       <motion.div
         client:load
         initial={{ opacity: 0 }}
         animate={{ opacity: 1 }}
         transition={{ duration: 1 }}
       >
         <ImageBackgroundHero
-          src={event.data.image.src}
+          src={event.data.image.media}
           alt={event.data.image.alt}
         />
       </motion.div>
diff --git a/src/layouts/EventSubPageLayout.astro b/src/layouts/EventSubPageLayout.astro
@@ -17,9 +17,9 @@ const { event } = Astro.props;
   <slot name="seo" slot="seo" />
   <slot name="ld+json" slot="ld+json" />
   {
-    !!event.data.image?.src && (
+    !!event.data.image?.media && (
       <ImageBackgroundHero
-        src={event.data.image.src}
+        src={event.data.image.media}
         alt={event.data.image.alt}
         blur
       />
diff --git a/src/pages/events/[id]/dynamic-images/_og-image.tsx b/src/pages/events/[id]/dynamic-images/_og-image.tsx
@@ -14,7 +14,7 @@ export default generateImageMethods({
   height: 1080,
   getStaticPaths: getEventStaticPaths,
   render: async (props) => {
-    const postCover = await getAstroImageBase64(props.event.data.image.src);
+    const postCover = await getAstroImageBase64(props.event.data.image.media);
     return (
       <Frame {...props.dynamicImage} style={{ padding: 128 }}>
         <BgImage
diff --git a/src/pages/events/[id]/dynamic-images/_save-the-date.tsx b/src/pages/events/[id]/dynamic-images/_save-the-date.tsx
@@ -17,7 +17,7 @@ export const saveTheDate = (config: { width: number; height: number }) =>
     height: config.height,
     getStaticPaths: getEventStaticPaths,
     render: async (props) => {
-      const postCover = await getAstroImageBase64(props.event.data.image.src);
+      const postCover = await getAstroImageBase64(props.event.data.image.media);
       const coOrganizersLogos = await Promise.all(
         props.coOrganizers.map(
           async (coOrganiser) =>
diff --git a/src/pages/events/[id]/dynamic-images/_tickets-available.tsx b/src/pages/events/[id]/dynamic-images/_tickets-available.tsx
@@ -21,7 +21,7 @@ export const ticketsAvailable = (config: {
     height: config.height,
     getStaticPaths: getEventStaticPaths,
     render: async (props) => {
-      const postCover = await getAstroImageBase64(props.event.data.image.src);
+      const postCover = await getAstroImageBase64(props.event.data.image.media);
       const coOrganizersLogos = await Promise.all(
         props.coOrganizers.map(
           async (coOrganiser) =>
diff --git a/src/pages/events/[id]/index.astro b/src/pages/events/[id]/index.astro
@@ -96,7 +96,7 @@ const ogImage = new URL(
         validFrom: offer.validFrom.toISOString(),
       })),
       eventStatus: `https://schema.org/${event.data.eventStatus}`,
-      image: event.data.image?.src.src ?? "",
+      image: event.data.image?.media.src ?? "",
       organizer: {
         "@type": "Organization",
         name: "Fork it! Community",
diff --git a/src/pages/events/[id]/talks/[talkId]/dynamic-images/_og-image.tsx b/src/pages/events/[id]/talks/[talkId]/dynamic-images/_og-image.tsx
@@ -15,7 +15,7 @@ export default generateImageMethods({
   height: 1080,
   getStaticPaths: getEventTalkStaticPaths,
   render: async (props) => {
-    const postCover = await getAstroImageBase64(props.event.data.image.src);
+    const postCover = await getAstroImageBase64(props.event.data.image.media);
     const coOrganizersLogos = await Promise.all(
       props.coOrganizers.map(
         async (coOrganiser) =>
diff --git a/src/pages/events/[id]/talks/[talkId]/dynamic-images/_square.tsx b/src/pages/events/[id]/talks/[talkId]/dynamic-images/_square.tsx
@@ -15,7 +15,7 @@ export default generateImageMethods({
   height: 1080,
   getStaticPaths: getEventTalkStaticPaths,
   render: async (props) => {
-    const postCover = await getAstroImageBase64(props.event.data.image.src);
+    const postCover = await getAstroImageBase64(props.event.data.image.media);
     const coOrganizersLogos = await Promise.all(
       props.coOrganizers.map(
         async (coOrganiser) =>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -59,7 +59,7 @@ const afterMovie = (await getEntry("events", "2024-france-rouen"))?.data
   />
   <!-- HERO -->
   <ImageBackgroundHero
-    src={upcomingMajorEvent?.data?.image?.src ?? defaultImage}
+    src={upcomingMajorEvent?.data?.image?.media ?? defaultImage}
     alt={upcomingMajorEvent?.data?.image?.alt ?? ""}
     blur
   />
@@ -117,10 +117,10 @@ const afterMovie = (await getEntry("events", "2024-france-rouen"))?.data
                   "max-sm:overflow-hidden max-sm:rounded-lg max-sm:bg-background max-sm:p-6 max-sm:shadow-xl",
                 )}
               >
-                {!!upcomingMajorEvent.data.image?.src && (
+                {!!upcomingMajorEvent.data.image?.media && (
                   <div class="pointer-events-none absolute bottom-0 left-0 right-0 top-0 -z-10 overflow-hidden sm:hidden">
                     <Image
-                      src={upcomingMajorEvent.data.image.src}
+                      src={upcomingMajorEvent.data.image.media}
                       alt=""
                       class={cn(
                         "absolute size-full bg-white/20 object-cover object-center transition duration-500 group-hover:scale-110",
@@ -194,7 +194,7 @@ const afterMovie = (await getEntry("events", "2024-france-rouen"))?.data
       >
         <Image
           class="aspect-[3/2] w-full bg-background object-cover text-white/40"
-          src={upcomingMajorEvent?.data?.image?.src ?? defaultImage}
+          src={upcomingMajorEvent?.data?.image?.media ?? defaultImage}
           alt={upcomingMajorEvent?.data?.image?.alt ??
             "Speaker giving a tech talk in from of attendees"}
           width={480}
diff --git a/src/schemas/events.ts b/src/schemas/events.ts
@@ -36,7 +36,7 @@ const zEventBase = ({ image }: SchemaContext) =>
       .optional(),
     excerpt: z.string().optional(),
     image: z.object({
-      src: image(),
+      media: image(),
       alt: z.string(),
       credit: z.string().optional(),
     }),

Original file line number	Diff line number	Diff line change
`@@ -33,15 +33,15 @@ const isUpcomingEvent = dayjs().isBefore(event.data.date);`
`33`	`33`	`)}`
`34`	`34`	`>`
`35`	`35`	`{`
`36`		`- !!event.data.image?.src && (`
	`36`	`+ !!event.data.image?.media && (`
`37`	`37`	`<div`
`38`	`38`	`class={cn(`
`39`	`39`	`"pointer-events-none absolute bottom-0 left-0 right-0 top-0 -z-10 overflow-hidden",`
`40`	`40`	`event.data.status === "cancelled" && "grayscale",`
`41`	`41`	`)}`
`42`	`42`	`>`
`43`	`43`	`<Image`
`44`		`- src={event.data.image.src}`
	`44`	`+ src={event.data.image.media}`
`45`	`45`	`alt=""`
`46`	`46`	`class={cn(`
`47`	`47`	`"absolute size-full bg-white/20 object-cover object-center transition duration-500 group-hover:scale-110",`