From 280994f9d82eef1b9ecf1042c9afc7f22fdd9927 Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Thu, 1 Jun 2023 13:46:36 -0400
Subject: [PATCH] Drive review label from CMS widget.

---
 src/layouts/review/review-block/review-block.vue     |  7 +++++--
 .../vehicle-review/vehicle-review.vue                | 12 +++++++-----
 src/layouts/review/review.vue                        |  2 +-
 3 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/layouts/review/review-block/review-block.vue b/src/layouts/review/review-block/review-block.vue
index 48a62140f..2209d197c 100644
--- a/src/layouts/review/review-block/review-block.vue
+++ b/src/layouts/review/review-block/review-block.vue
@@ -1,7 +1,10 @@
 <template>
     <div class="py-3">
         <div class="d-flex">
-            <textBlock :customText="headerText" typeStyle="body small bold" margin="mt-0" />
+            <textBlock
+                :cmsWidgetName="headerCmsWidgetName"
+                typeStyle="body small bold"
+                margin="mt-0" />
             <textLink linkType="textSmall" text="Edit" class="ml-auto" @click-event="linkClicked" />
         </div>
         <div class="small" v-for="item in content" :key="item">
@@ -17,7 +20,7 @@ import textLink from "@/ux-components/text-link/text-link";
 export default {
     name: "vehicle-review",
     props: {
-        headerText: String,
+        headerCmsWidgetName: String,
         // Specifically an array of strings.
         content: Array,
     },
diff --git a/src/layouts/review/review-sections/vehicle-review/vehicle-review.vue b/src/layouts/review/review-sections/vehicle-review/vehicle-review.vue
index 09306d271..a0533c4ac 100644
--- a/src/layouts/review/review-sections/vehicle-review/vehicle-review.vue
+++ b/src/layouts/review/review-sections/vehicle-review/vehicle-review.vue
@@ -1,5 +1,8 @@
 <template>
-    <reviewBlock :headerText="headerText" :content="displayContent" @edit-clicked="editClicked" />
+    <reviewBlock
+        :headerCmsWidgetName="cmsWidgetName"
+        :content="displayContent"
+        @edit-clicked="editClicked" />
 </template>
 
 <script>
@@ -7,7 +10,9 @@ import reviewBlock from "@/layouts/review/review-block/review-block";
 
 export default {
     name: "vehicle-review",
-    props: {},
+    props: {
+        cmsWidgetName: String,
+    },
     data() {
         return {};
     },
@@ -17,9 +22,6 @@ export default {
         },
     },
     computed: {
-        headerText () {
-            return "Vehicle";
-        },
         displayContent() {
             return ["2018 Ford Fiesta"];
         },
diff --git a/src/layouts/review/review.vue b/src/layouts/review/review.vue
index 38175f2c2..cbd7b05ac 100644
--- a/src/layouts/review/review.vue
+++ b/src/layouts/review/review.vue
@@ -37,7 +37,7 @@
                 class="dark-header" />
 
             <div class="px-4">
-                <vehicleReview />
+                <vehicleReview cmsWidgetName="VehicleReviewWidget" />
                 <hr class="my-0" />
             </div>