Add basePath prefix to all Image components

SuffolkLITLab · Sep 10, 2024 · be0c4be · be0c4be
1 parent 6137b61
commit be0c4be
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git a/src/app/components/AffiliatesSection.tsx b/src/app/components/AffiliatesSection.tsx
@@ -2,6 +2,7 @@ import Link from 'next/link';
 import Image from 'next/image';
 import { Interface } from 'readline';
 import styles from '../css/AffiliatesSection.module.css';
+import nextConfig from '../../../next.config';
 
 interface Affiliate {
   name: string;
@@ -37,7 +38,7 @@ export default function AffiliatesBlock() {
           return (
             <Link href={affiliate.url} className="d-block" key={affiliate.name}>
               <Image
-                src={'affiliates/' + affiliate.filename}
+                src={nextConfig.basePath + '/affiliates/' + affiliate.filename}
                 alt={affiliate.name}
                 className={styles.AffiliateLogo}
                 height={affiliate.height}

diff --git a/src/app/components/Footer.tsx b/src/app/components/Footer.tsx
@@ -2,6 +2,7 @@ import Link from 'next/link';
 import Image from 'next/image';
 import { prefix } from '../../../prefix';
 import styles from '../css/Footer.module.css';
+import nextConfig from '../../../next.config';
 
 export default function Footer() {
   return (
@@ -15,7 +16,7 @@ export default function Footer() {
           <div className="col">
             <a href="https://suffolklitlab.org" className={styles.SuffolkLogo}>
               <Image
-                src="/lit-lab-logo-large.svg"
+                src={nextConfig.basePath + '/lit-lab-logo-large.svg'}
                 alt="Suffolk University Law School Legal Information & Technology Lab logo"
                 className="img-fluid mb-3"
                 width={792}

diff --git a/src/app/components/NavigationBar.tsx b/src/app/components/NavigationBar.tsx
@@ -5,6 +5,7 @@ import { faArrowUpRightFromSquare } from '@fortawesome/free-solid-svg-icons';
 import { faLanguage } from '@fortawesome/free-solid-svg-icons';
 import { prefix } from '../../../prefix';
 import styles from '../css/NavigationBar.module.css';
+import nextConfig from '../../../next.config';
 
 export default function NavigationBar() {
   return (
@@ -15,7 +16,7 @@ export default function NavigationBar() {
       <div className="container">
         <Link href="/" className="navbar-brand d-flex align-items-center">
           <Image
-            src="/courtformsonline.org/lit-lab-torch-inverted.svg"
+            src={nextConfig.basePath + '/lit-lab-torch-inverted.svg'}
             alt="LIT Lab logo"
             className={styles.NavLogo + ' logo-image me-2'}
             height={263.32}

diff --git a/src/app/components/ThankYou.tsx b/src/app/components/ThankYou.tsx
@@ -2,6 +2,7 @@ import Link from 'next/link';
 import Image from 'next/image';
 import { Interface } from 'readline';
 import styles from '../css/ThankYou.module.css';
+import nextConfig from '../../../next.config';
 
 interface Organization {
   name: string;
@@ -124,7 +125,7 @@ export default function ThankYou() {
             <div className="col" key={org.name}>
               <Link href={org.url} className="d-block">
                 <Image
-                  src={'partners/' + org.icon}
+                  src={nextConfig.basePath + '/partners/' + org.icon}
                   alt={org.name}
                   height={org.height}
                   width={org.width}