fix event card image alt

src/components/Card.tsx

@@ -10,8 +10,10 @@ interface WrappedCardProps {
   start_time: string;
   text: string;
   link: string;
-  image?: string;
-  imageAlt?: string;
+  image?: {
+    src: string;
+    alt: string;
+  };
   buttonOnClick?: () => void;
 }
 
@@ -67,7 +69,7 @@ const StyledCard = styled.article`
 `;
 
 const WrappedCard: React.FC<WrappedCardProps> = ({
-  title, text, link, image, imageAlt, start_time, buttonOnClick, ...props
+  title, text, link, image, start_time, buttonOnClick, ...props
 }) => {
   const options: Intl.DateTimeFormatOptions = {
     day: "numeric",
@@ -77,9 +79,6 @@ const WrappedCard: React.FC<WrappedCardProps> = ({
     minute: "2-digit",
   };
   const datetime = new Date(start_time).toLocaleString("fi-FI", options);
-  const img = image ? (
-    <Image src={image} alt={imageAlt} layout="responsive" width={0} height={0} objectFit="scale-down" />
-  ) : null;
 
   const button = (
     <Link to={link}>
@@ -91,7 +90,9 @@ const WrappedCard: React.FC<WrappedCardProps> = ({
 
   return (
     <StyledCard {...props}>
-      {img}
+      {image && (
+        <Image src={image.src} alt={image.alt} layout="responsive" width={0} height={0} objectFit="scale-down" />
+      )}
       <p>{datetime}</p>
       <h3>{title}</h3>
       <p>{text}</p>