From 88684aae1969afdc61034d6d05f47eeedfb85927 Mon Sep 17 00:00:00 2001 From: Tom Marshall Date: Thu, 26 May 2022 10:02:27 +0100 Subject: [PATCH] Update `cms-kontent` example to action PR feedback * Updates the `cms-kontent` example `Image` component to implement the suggested improvements from @styfle in #37188. * Simplifies the Kontent loader host checking. * Reduces the default image quality to from `100` to `75`. https://github.com/vercel/next.js/pull/37188 --- examples/cms-kontent/components/image.js | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/examples/cms-kontent/components/image.js b/examples/cms-kontent/components/image.js index 60c4b11de75585..7b47e9176ad06a 100644 --- a/examples/cms-kontent/components/image.js +++ b/examples/cms-kontent/components/image.js @@ -1,8 +1,6 @@ import NextImage from 'next/image' import { transformImageUrl } from '@kentico/kontent-delivery' -const KONTENT_ASSET_HOSTNAME_REGEX = /.kc-usercontent.com$/ - const getLoader = (src) => { return srcIsKontentAsset(src) ? kontentImageLoader : undefined } @@ -10,13 +8,13 @@ const getLoader = (src) => { const srcIsKontentAsset = (src) => { try { const { hostname } = new URL(src) - return KONTENT_ASSET_HOSTNAME_REGEX.test(hostname) + return hostname.endsWith('.kc-usercontent.com') } catch { return false } } -const kontentImageLoader = ({ src, width, quality = 100 }) => { +const kontentImageLoader = ({ src, width, quality = 75 }) => { return new transformImageUrl(src) .withWidth(width) .withQuality(quality)