From d1a3043f1f01d0e649f814888df41ecdee68ba95 Mon Sep 17 00:00:00 2001
From: Kipruto <43873157+kelvinkipruto@users.noreply.github.com>
Date: Wed, 3 Jul 2024 12:53:43 +0300
Subject: [PATCH] Fix image loading

Signed-off-by: Kipruto <43873157+kelvinkipruto@users.noreply.github.com>
---
 apps/roboshield/.env            | 3 +++
 apps/roboshield/next.config.mjs | 8 ++++++++
 2 files changed, 11 insertions(+)

diff --git a/apps/roboshield/.env b/apps/roboshield/.env
index 5105a7b8b..bd685430f 100644
--- a/apps/roboshield/.env
+++ b/apps/roboshield/.env
@@ -6,3 +6,6 @@ PAYLOAD_PUBLIC_LOCALES="en"
 SENTRY_ENVIRONMENT=local
 SENTRY_ORG=code-for-africa
 SENTRY_PROJECT=roboshield
+
+NEXT_PUBLIC_IMAGE_DOMAINS="*.codeforafrica.org"
+NEXT_PUBLIC_IMAGE_UNOPTIMIZED="true"
diff --git a/apps/roboshield/next.config.mjs b/apps/roboshield/next.config.mjs
index 38c5c24cd..1b520b07c 100644
--- a/apps/roboshield/next.config.mjs
+++ b/apps/roboshield/next.config.mjs
@@ -31,6 +31,14 @@ const nextConfig = {
     config.experiments = { ...config.experiments, topLevelAwait: true }; // eslint-disable-line no-param-reassign
     return config;
   },
+  images: {
+    domains: process.env.NEXT_PUBLIC_IMAGE_DOMAINS?.split(",")
+      ?.map((d) => d.trim())
+      ?.filter((d) => d),
+    unoptimized:
+      process.env.NEXT_PUBLIC_IMAGE_UNOPTIMIZED?.trim()?.toLowerCase() ===
+      "true",
+  },
 };
 
 export default withSentryConfig(nextConfig, {