DS-1060: Ensure all links go to dev Netlify sites. (#468)

* DS-1060: Ensure all links go to dev Netlify sites.
SU-SWS · Jan 11, 2025 · 2eaefa7 · 2eaefa7
1 parent 19b119f
commit 2eaefa7
Show file tree

Hide file tree

Showing 7 changed files with 15 additions and 10 deletions.
diff --git a/src/components/media/aspectRatioImage.js b/src/components/media/aspectRatioImage.js
@@ -52,8 +52,8 @@ const AspectRatioImage = (props) => {
         >
           <img
             className={`ood-media__image
-               ${props.classPrefix ? `${props.classPrefix}__image` : ''}
-               su-obj-position-h-${props.visibleHorizontal ?? 'center'}-v-${
+                ${props.classPrefix ? `${props.classPrefix}__image` : ''}
+                su-obj-position-h-${props.visibleHorizontal ?? 'center'}-v-${
               props.visibleVertical ?? 'top'
             }`}
             src={processedImg}

diff --git a/src/components/media/fullWidthImage.js b/src/components/media/fullWidthImage.js
@@ -62,7 +62,7 @@ const FullWidthImage = (props) => {
       >
         <img
           className={`${props.classPrefix ? `${props.classPrefix}__image` : ''}
-               su-obj-position-h-${props.visibleHorizontal ?? 'center'}-v-${
+              su-obj-position-h-${props.visibleHorizontal ?? 'center'}-v-${
             props.visibleVertical ?? 'top'
           }`}
           {...(imgSrcset ? { srcSet: imgSrcset } : {})}

diff --git a/src/components/partials/campaignFullWidthHero.js b/src/components/partials/campaignFullWidthHero.js
@@ -3,7 +3,7 @@ import SbEditable from 'storyblok-react';
 import CreateBloks from '../../utilities/createBloks';
 import Heading from './heading';
 import FullWidthImage from '../media/fullWidthImage';
-import FlexCell from './flexCell';
+import transformImage from '../../utilities/transformImage';
 
 /* The Hero section with fullwidth image is referenced by the Campaign Page type. */
 
@@ -32,7 +32,7 @@ const CampaignFullWidthHero = (props) => {
           {props.blok.logo?.filename != null && (
             <img
               className={'hero-logo'}
-              src={props.blok.logo?.filename}
+              src={transformImage(props.blok.logo?.filename)}
               alt={props.blok.logo?.alt}
             />
           )}

diff --git a/src/components/partials/campaignHero.js b/src/components/partials/campaignHero.js
@@ -4,6 +4,7 @@ import cx from 'classnames';
 import CreateBloks from '../../utilities/createBloks';
 import Heading from './heading';
 import FullWidthImage from '../media/fullWidthImage';
+import transformImage from '../../utilities/transformImage';
 
 /* The Hero section with fullwidth image is referenced by the Campaign Page type. */
 
@@ -63,7 +64,7 @@ const CampaignHero = (props) => {
             {blok.logo?.filename && (
               <img
                 className={`campaign-page__hero-content-logo ${blok.logoAlignment}`}
-                src={blok.logo?.filename}
+                src={transformImage(blok.logo?.filename)}
                 alt={blok.logo?.alt}
               />
             )}

diff --git a/src/components/partials/campaignLeftImageHero.js b/src/components/partials/campaignLeftImageHero.js
@@ -3,7 +3,7 @@ import SbEditable from 'storyblok-react';
 import CreateBloks from '../../utilities/createBloks';
 import Heading from './heading';
 import FullWidthImage from '../media/fullWidthImage';
-import FlexCell from './flexCell';
+import transformImage from '../../utilities/transformImage';
 
 /* The Hero section with image on the left is referenced by the Campaign Page type. */
 
@@ -31,7 +31,7 @@ const CampaignLeftImageHero = (props) => {
           {props.blok.logo.filename && (
             <img
               className={'hero-logo'}
-              src={props.blok.logo.filename}
+              src={transformImage(props.blok.logo.filename)}
               alt={props.blok.logo.alt}
             />
           )}

diff --git a/src/components/partials/headerFullWidthImage.js b/src/components/partials/headerFullWidthImage.js
@@ -8,6 +8,7 @@ import Heading from './heading';
 import { config } from '../../utilities/config';
 import FullWidthImage from '../media/fullWidthImage';
 import FlexCell from './flexCell';
+import transformImage from '../../utilities/transformImage';
 
 /* The Header with Fullwidth Image component is referenced by the Interior Page type. */
 
@@ -48,7 +49,7 @@ const HeaderFullWidthImage = (props) => {
           {props.blok.headerLogo.filename && (
             <img
               className={'header-logo'}
-              src={props.blok.headerLogo.filename}
+              src={transformImage(props.blok.headerLogo.filename)}
               alt={props.blok.headerLogo.alt}
             />
           )}

diff --git a/src/pages/citizenship.js b/src/pages/citizenship.js
@@ -7,6 +7,7 @@ import CenteredContainer from '../components/partials/centeredContainer';
 import SbLink from '../components/partials/sbLink';
 
 const ForeignSourceReporting = ({ data }) => {
+  const isProduction = process.env.CONTEXT === 'production';
   const oodLocalHeader = {
     ...data?.header,
     content: JSON.parse(data?.header.content),
@@ -56,7 +57,9 @@ const ForeignSourceReporting = ({ data }) => {
             <SbLink
               linkType="url"
               link={{
-                url: 'https://giving.stanford.edu/gift-policies/',
+                url: isProduction
+                  ? 'https://giving.stanford.edu/gift-policies/'
+                  : 'https://dev--adapt-giving.netlify.app/gift-policies/',
               }}
             >
               Stanford’s Gift Policy