From c46cd273b311ebab01b3563512ef64150d7974c5 Mon Sep 17 00:00:00 2001 From: Erik Tiekstra Date: Tue, 6 May 2025 11:39:11 +0000 Subject: [PATCH] fix(SW-2603): Images from API are now served through the Netlify image CDN. Approved-by: Linus Flood --- apps/scandic-web/components/Image.tsx | 16 +++------------- 1 file changed, 3 insertions(+), 13 deletions(-) diff --git a/apps/scandic-web/components/Image.tsx b/apps/scandic-web/components/Image.tsx index 2feffd317..4568decaa 100644 --- a/apps/scandic-web/components/Image.tsx +++ b/apps/scandic-web/components/Image.tsx @@ -6,25 +6,15 @@ import type { CSSProperties } from "react" import type { ImageProps } from "@/types/components/image" -function isBlockedByFirewall(src: string): boolean { - return ( - src.includes("test.scandichotels.com") || - src.includes("test2.scandichotels.com") || - src.includes("test3.scandichotels.com") || - src.includes("stage.scandichotels.com") || - src.includes("prod.scandichotels.com") - ) -} - function imageLoader({ quality, src, width }: ImageLoaderProps) { const isAbsoluteUrl = src.startsWith("https://") || src.startsWith("http://") const hasQS = src.indexOf("?") !== -1 - if (!isAbsoluteUrl || isBlockedByFirewall(src)) { - return `${src}${hasQS ? "&" : "?"}w=${width}${quality ? "&q=" + quality : ""}` + if (isAbsoluteUrl) { + return `https://img.scandichotels.com/.netlify/images?url=${src}&w=${width}${quality ? "&q=" + quality : ""}` } - return `https://img.scandichotels.com/.netlify/images?url=${src}&w=${width}${quality ? "&q=" + quality : ""}` + return `${src}${hasQS ? "&" : "?"}w=${width}${quality ? "&q=" + quality : ""}` } // Next/Image adds & instead of ? before the params