From 8589fa7926dd849afd1116bd94c9eb481615af88 Mon Sep 17 00:00:00 2001
From: Benno Tielen <Benno@tielen.nl>
Date: Mon, 24 Mar 2025 09:47:55 +0100
Subject: [PATCH] fix: encode uri

---
 src/components/ImageCard/ImageCard.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/ImageCard/ImageCard.tsx b/src/components/ImageCard/ImageCard.tsx
index cf2771f..86b96d5 100644
--- a/src/components/ImageCard/ImageCard.tsx
+++ b/src/components/ImageCard/ImageCard.tsx
@@ -1,9 +1,8 @@
 import styles from "./styles.module.scss"
-import { StaticImageData } from 'next/image'
 import Link from 'next/link'
 
 export type ImageCardProps = {
-  src: string | StaticImageData,
+  src: string,
   title: string,
   href: string
 }
@@ -11,7 +10,7 @@ export type ImageCardProps = {
 export const ImageCard = ({src, title, href}: ImageCardProps) => {
   return (
     <Link href={href}>
-      <div className={styles.container} style={{ backgroundImage: `url(${src})` }}>
+      <div className={styles.container} style={{ backgroundImage: `url(${encodeURI(src)})` }}>
         <div className={styles.title}>
           {title}
         </div>