VACMS 18724 - Adds mission explainer to Vet Centers (#2307)

* VACMS 18724 - Adds mission explainer to Vet Centers * margin 32px below mission explainer below medium-screen
department-of-veterans-affairs · Oct 29, 2024 · 45052b3 · 45052b3
1 parent fd50939
commit 45052b3
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/site/layouts/vet_center.drupal.liquid b/src/site/layouts/vet_center.drupal.liquid
@@ -25,12 +25,20 @@
                alt="Small group of diverse Veterans talking and smiling with a Vet center counselor, American flag in the background." 
                width="1000" height="287" class="vads-u-padding-y--1p5" 
           />
+
           {% if fieldIntroText != empty %}
             <div class="va-introtext">
               <p>{{ fieldIntroText }}</p>
             </div>
           {% endif %}
 
+          {% if fieldMissionExplainer.fetched %}
+            <va-summary-box class="vads-u-margin-bottom--4 medium-screen:vads-u-margin-bottom--0">
+              <h2 slot="headline">{{ fieldMissionExplainer.fetched.fieldMagicheadHeading.0.value  }}</h2>
+              {{ fieldMissionExplainer.fetched.fieldMagicheadBody.0.value }}
+            </va-summary-box>
+          {% endif %}
+
           <va-on-this-page></va-on-this-page>
 
           <h2 id="locations-and-contact-information" class="vads-u-line-height--1 vads-u-margin-bottom--3 vads-u-font-size--lg

diff --git a/src/site/stages/build/drupal/graphql/vetCenter.graphql.js b/src/site/stages/build/drupal/graphql/vetCenter.graphql.js
@@ -140,6 +140,9 @@ const vetCenterFragment = `
             }
           }
         }
+        fieldMissionExplainer {
+          fetched
+        }
       }`;
 
 const getVetCenterSlice = (operationName, offset, limit) => {
-Original file line number
+Diff line change
@@ Expand Up / @@ -140,6 +140,9 @@ const vetCenterFragment = ` @@
                 }
               }
             }
+            fieldMissionExplainer {
+              fetched
+            }
           }`;
     const getVetCenterSlice = (operationName, offset, limit) => {
@@ Expand Down @@