From 8455534ef0cf01c40f49020f76b9b30abb5a7f35 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Mon, 15 Apr 2024 17:08:43 -0400
Subject: [PATCH] Update cms-widget-fields footer image reference.

---
 src/constants/cms-widget-fields.js            |  4 +--
 .../site-footer/footer-image/footer-image.vue | 30 +++++++++++--------
 src/layouts/welcome-page/welcome-page.vue     |  2 +-
 3 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/src/constants/cms-widget-fields.js b/src/constants/cms-widget-fields.js
index f8fd23fe..763b7597 100644
--- a/src/constants/cms-widget-fields.js
+++ b/src/constants/cms-widget-fields.js
@@ -37,8 +37,8 @@ const widgetFields = Object.freeze({
         NAME: 'Name',
         BACK_BUTTON_TEXT: 'BackButtonText',
         FORWARD_BUTTON_TEXT: 'ForwardButtonText',
-        FOOTER_IMAGE: 'FooterImage',
-        ALT_TEXT: 'AltText'
+        ALT_TEXT: 'AltText',
+        FOOTER_IMAGE_URL: 'FooterImageURL'
     }
 });
 
diff --git a/src/iss-components/site-footer/footer-image/footer-image.vue b/src/iss-components/site-footer/footer-image/footer-image.vue
index 7be1128b..acb6aabb 100644
--- a/src/iss-components/site-footer/footer-image/footer-image.vue
+++ b/src/iss-components/site-footer/footer-image/footer-image.vue
@@ -4,26 +4,32 @@
     </div>
 </template>
 <script>
+import widgetFields from '@/constants/cms-widget-fields.js';
+
 export default {
     name: 'footer-image',
-    props: {
-        cmsWidgetName: String
+    data() {
+        return {
+            widget: {
+                footer: 'SiteFooterWidget'
+            }
+        };
     },
     computed: {
         footerImageURL() {
-            return this.getCmsContent(this.cmsWidgetName, 'FooterImageURL');
+            return this.getCmsContent(this.widget.footer, widgetFields.FOOTER_WIDGET.FOOTER_IMAGE_URL);
         }
     }
 };
 </script>
 
-  <style lang="scss" scoped>
-    .footerImage {
-        display: flex;
-        justify-content: center;
-        margin-top: auto;
-        img {
-            max-width: 375px;
-        }
+<style lang="scss" scoped>
+.footerImage {
+    display: flex;
+    justify-content: center;
+    margin-top: auto;
+    img {
+        max-width: 23.4375rem;
     }
-  </style>
+}
+</style>
diff --git a/src/layouts/welcome-page/welcome-page.vue b/src/layouts/welcome-page/welcome-page.vue
index 078eec6b..5de5d396 100644
--- a/src/layouts/welcome-page/welcome-page.vue
+++ b/src/layouts/welcome-page/welcome-page.vue
@@ -141,7 +141,7 @@ class="row">
       </div>
       <!-- Footer image component must have parent (usually container-fluid)
         set to display: flex and height 100dvh or height 100% -->
-      <footerImage cmsWidgetName="SiteFooterWidget" />
+      <footerImage />
     </div>
   </Form>
 </template>