From 9506eacbe02359b931fb382292c2c295274ae1df Mon Sep 17 00:00:00 2001
From: vhande <78013271+vhande@users.noreply.github.com>
Date: Tue, 22 Oct 2024 17:08:09 +0200
Subject: [PATCH] Fix dashboard images

---
 next.config.js                       | 1 +
 src/pages/dashboard/DashboardRow.tsx | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/next.config.js b/next.config.js
index 2b69d2d63..1ca6d5071 100644
--- a/next.config.js
+++ b/next.config.js
@@ -49,6 +49,7 @@ const moduleExports = {
     hotjarEventName: process.env.NEXT_PUBLIC_HOTJAR_EVENT_NAME,
     hotjarMissingFieldName: process.env.NEXT_PUBLIC_HOTJAR_MISSING_FIELD_NAME,
     ownershipEnabled: process.env.NEXT_PUBLIC_OWNERSHIP_ENABLED,
+    imgixUrl: process.env.NEXT_PUBLIC_IMGIX_URL,
   },
   pageExtensions: ['page.tsx', 'page.js', 'api.ts'],
   eslint: {
diff --git a/src/pages/dashboard/DashboardRow.tsx b/src/pages/dashboard/DashboardRow.tsx
index ae65c4bb7..c52b418dc 100644
--- a/src/pages/dashboard/DashboardRow.tsx
+++ b/src/pages/dashboard/DashboardRow.tsx
@@ -1,3 +1,4 @@
+import getConfig from 'next/config';
 import { ReactNode, useMemo, useState } from 'react';
 
 import { ScopeTypes } from '@/constants/OfferType';
@@ -61,12 +62,13 @@ export const DashboardRow = ({
   ...props
 }: DashboardRowProps) => {
   const getValue = getValueFromTheme('dashboardPage');
+  const { publicRuntimeConfig } = getConfig();
   const { udbMainPositiveGreen, udbMainLightGreen, udbMainGrey, grey3 } =
     colors;
   const [isImageHovered, setIsImageHovered] = useState(false);
   const weights = getScopeWeights(scope);
   const minimumScore = useMemo(() => getMinimumScore(weights), [weights]);
-  const croppedImageBaseUrl = 'https://images-acc-uitdatabank.imgix.net/';
+  const croppedImageBaseUrl = publicRuntimeConfig.imgixUrl;
   const imageIdAndFormat = imageUrl?.split('/').at(-1);
   const croppedImageUrl = imageUrl
     ? `${croppedImageBaseUrl}${imageIdAndFormat}?fit=crop&crop=auto&w=500&h=500`