Merge pull request #752 from CodeForAfrica/ft/fix-image-loading

Fix image loading
CodeForAfrica · Jul 3, 2024 · 33eec4c · 33eec4c
2 parents 1f52ad2 + d1a3043
commit 33eec4c
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git 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
@@ -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, {