fix: support image src with no protocol

medusajs · Aug 16, 2022 · c3d795b · c3d795b
1 parent 06c7381
commit c3d795b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/modules/products/components/image-gallary/index.tsx b/src/modules/products/components/image-gallary/index.tsx
@@ -34,7 +34,9 @@ const ImageGallery = ({ images }: ImageGalleryProps) => {
             >
               <span className="sr-only">Go to image {index + 1}</span>
               <Image
-                src={image.url}
+                src={
+                  image.url.startsWith("//") ? `https:${image.url}` : image.url
+                }
                 layout="fill"
                 objectFit="cover"
                 className="absolute inset-0"
@@ -54,7 +56,9 @@ const ImageGallery = ({ images }: ImageGalleryProps) => {
               id={image.id}
             >
               <Image
-                src={image.url}
+                src={
+                  image.url.startsWith("//") ? `https:${image.url}` : image.url
+                }
                 layout="fill"
                 objectFit="cover"
                 priority={index <= 2 ? true : false}

diff --git a/src/modules/products/components/thumbnail/index.tsx b/src/modules/products/components/thumbnail/index.tsx
@@ -37,7 +37,7 @@ const ImageOrPlaceholder = ({
 }: Pick<ThumbnailProps, "size"> & { image?: string }) => {
   return image ? (
     <Image
-      src={image}
+    src={image.startsWith("//") ? `https:${image}` : image}
       alt="Thumbnail"
       layout="fill"
       objectFit="cover"