chore: change image to image_event

Author: mpsalunggg

src/domains/Events.ts

@@ -6,7 +6,7 @@ export const eventSchema = z.object({
   description: z.string(),
   slug: z.string().optional(),
   author: z.string(),
-  image: z.string(),
+  image_event: z.string(),
   date: z.string().optional(),
   type: z.string(),
   location: z.string(),

src/features/events/components/EventCardV2.tsx

@@ -8,13 +8,13 @@ import { EventType } from "@/domains/Events";
 import { useFormatDate } from "@/lib/format";
 
 const EventCardV2: FC<{ data: EventType }> = ({ data }) => {
-  const { title, date, image, status, duration, location } = data;
+  const { title, date, image_event, status, duration, location } = data;
 
   return (
     <Card className="flex size-full flex-col rounded-lg border shadow-md">
       <div className="bg-muted overflow-hidden rounded-t-lg">
         <Image
-          src={image ?? "/assets/images/events/fallbackImage.webp"}
+          src={image_event ?? "/assets/images/events/fallbackImage.webp"}
           alt={title}
           width={540}
           height={240}

src/features/events/components/MyEventCard.tsx

@@ -15,12 +15,12 @@ const MyEventCard = ({ data }: { data: UserEventType }) => {
           <div
             className="absolute inset-0 scale-110 bg-cover bg-center blur-xs"
             style={{
-              backgroundImage: `url(${data.event_detail.image ?? "/assets/images/events/fallbackImage.webp"})`,
+              backgroundImage: `url(${data.event_detail.image_event ?? "/assets/images/events/fallbackImage.webp"})`,
             }}
           />
           <Image
             alt={`Event ${order_no}`}
-            src={data.event_detail.image ?? "/assets/images/events/fallbackImage.webp"}
+            src={data.event_detail.image_event ?? "/assets/images/events/fallbackImage.webp"}
             width={540}
             height={240}
             className="relative z-10 object-cover object-center"

src/features/events/pages/PublicEventDetailPage.tsx

@@ -28,12 +28,12 @@ const EventDetailPage: FC<EventDetailPageProp> = ({ eventId }) => {
           <div className="w-full rounded-lg">
             {!isLoading ? (
               <Image
-                src={event?.image ?? "/assets/images/events/fallbackImage.webp"}
+                src={event?.image_event ?? "/assets/images/events/fallbackImage.webp"}
                 alt="Banner"
                 width={1000}
                 height={500}
                 priority
-                className="rounded-lg"
+                className="rounded-lg border shadow-md"
               />
             ) : (
               <Skeleton className="h-24 w-full rounded-lg sm:h-96" />