fix: support image src with no protocol

[srindom]

Was having issues with displaying images where all URLs are of the format: //domain.com/path-to-img

[changeset-bot]

⚠️ No Changeset found

Latest commit: c3d795b

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
nextjs-starter-medusa	❌ Failed (Inspect)		Aug 16, 2022 at 4:41PM (UTC)

[kasperkristensen]

I would properly extract this into a utility, and also if we are in a development environment console.error that we tried to fix the URL, but it might not have worked, as an example if the actual URL is http://something and it can't provide a secure connection.

const ensureSrc = (src: string) => {
    if (src.startsWith("//")) {
      if (process.env.NODE_ENV === "development") {
        console.error(
          "Tried to fix malformed URL by prefixing protocol. If the image still does not load then please fix your URL."
        )
      }

      return `https:${src}`
    }

    return src
  }