Merge pull request #183 from Datawheel/nextjs-test

updates images paths to static dir
Datawheel · Nov 8, 2024 · bdae4ea · bdae4ea
2 parents 82689d9 + 29c3bd3
commit bdae4ea
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 10 deletions.
diff --git a/components/era/Header.jsx b/components/era/Header.jsx
@@ -10,7 +10,7 @@ export default function Header({era}) {
           <div
             className="bg-img"
             style={{
-              backgroundImage: `url(/images/profile/era/${era.id}.jpg)`,
+              backgroundImage: `url(https://static.pantheon.world/profile/era/${era.id}.jpg)`,
             }}
           ></div>
         </div>

diff --git a/components/occupation-country/sections/Footer.jsx b/components/occupation-country/sections/Footer.jsx
@@ -23,7 +23,7 @@ export default function Footer({
                   )} from ${countryOccupation.country}`}
                   href={`/profile/occupation/${countryOccupation.occupation_slug}/country/${countryOccupation.country_slug}`}
                   style={{
-                    backgroundImage: `url(/images/profile/country/${countryOccupation.country_slug}.jpg)`,
+                    backgroundImage: `url(https://static.pantheon.world/profile/country/${countryOccupation.country_slug}.jpg)`,
                   }}
                 ></a>
               </div>
@@ -49,7 +49,7 @@ export default function Footer({
                   )} from ${occupationCountry.country}`}
                   href={`/profile/occupation/${occupationCountry.occupation_slug}/country/${occupationCountry.country_slug}`}
                   style={{
-                    backgroundImage: `url(/images/profile/occupation/${occupationCountry.occupation_slug}.jpg)`,
+                    backgroundImage: `url(https://static.pantheon.world/profile/occupation/${occupationCountry.occupation_slug}.jpg)`,
                   }}
                 ></a>
               </div>

diff --git a/components/person/Footer.jsx b/components/person/Footer.jsx
@@ -60,7 +60,7 @@ export default async function Footer({person, personRanks}) {
                 aria-label={`${person.occupation.occupation} profile`}
                 href={`/profile/occupation/${person.occupation.occupation_slug}`}
                 style={{
-                  backgroundImage: `url(/images/profile/occupation/${person.occupation.occupation_slug}.jpg)`,
+                  backgroundImage: `url(https://static.pantheon.world/profile/occupation/${person.occupation.occupation_slug}.jpg)`,
                 }}
               ></a>
             </div>
@@ -81,7 +81,7 @@ export default async function Footer({person, personRanks}) {
                   aria-label={`${belowMe.name} profile`}
                   href={`/profile/person/${belowMe.slug}`}
                   style={{
-                    backgroundImage: `url(/images/profile/people/${belowMe.id}.jpg)`,
+                    backgroundImage: `url(https://static.pantheon.world/profile/people/${belowMe.id}.jpg)`,
                   }}
                 ></a>
               </div>
@@ -99,7 +99,7 @@ export default async function Footer({person, personRanks}) {
                   aria-label={`${aboveMe.name} profile`}
                   href={`/profile/person/${aboveMe.slug}`}
                   style={{
-                    backgroundImage: `url(/images/profile/people/${aboveMe.id}.jpg)`,
+                    backgroundImage: `url(https://static.pantheon.world/profile/people/${aboveMe.id}.jpg)`,
                   }}
                 ></a>
               </div>
@@ -117,7 +117,7 @@ export default async function Footer({person, personRanks}) {
                   aria-label={`${person.birthplace.place} profile`}
                   href={`/profile/place/${person.birthplace.slug}`}
                   style={{
-                    backgroundImage: `url(/images/profile/place/${person.birthcountry.id}.jpg)`,
+                    backgroundImage: `url(https://static.pantheon.world/profile/place/${person.birthcountry.id}.jpg)`,
                   }}
                 ></a>
               </div>
@@ -142,7 +142,7 @@ export default async function Footer({person, personRanks}) {
                   aria-label={`${person.birthcountry.name} profile`}
                   href={`/profile/place/${person.birthcountry.slug}`}
                   style={{
-                    backgroundImage: `url(/images/profile/place/${person.birthcountry.id}.jpg)`,
+                    backgroundImage: `url(https://static.pantheon.world/profile/place/${person.birthcountry.id}.jpg)`,
                   }}
                 ></a>
               </div>
@@ -164,7 +164,7 @@ export default async function Footer({person, personRanks}) {
                       aria-label={`${relatedBio.name} profile`}
                       href={`/profile/person/${relatedBio.slug}`}
                       style={{
-                        backgroundImage: `url(/images/profile/people/${relatedBio.id}.jpg)`,
+                        backgroundImage: `url(https://static.pantheon.world/profile/people/${relatedBio.id}.jpg)`,
                       }}
                     ></a>
                     {/* </Tippy> */}

diff --git a/components/person/Header.jsx b/components/person/Header.jsx
@@ -76,7 +76,7 @@ export default async function Header({person}) {
   const backgroundColor = person.occupation
       ? COLORS_DOMAIN[person.occupation.domain_slug]
       : "",
-    backgroundImage = `url('/images/profile/people/${person.wp_id}.jpg')`;
+    backgroundImage = `url('https://static.pantheon.world/profile/people/${person.wp_id}.jpg')`;
 
   return (
     <header className="hero">