From a1f47c2f07a7f129d2f252484259356d89179e5e Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Wed, 26 Jul 2023 10:34:12 -0400
Subject: [PATCH] Add service-location-review component

---
 .../service-location-review.spec.js           |  0
 .../service-location-review.vue               | 35 +++++++++++++++++++
 src/layouts/review/review.vue                 | 12 +++++++
 3 files changed, 47 insertions(+)
 create mode 100644 src/layouts/review/review-sections/service-location-review/service-location-review.spec.js
 create mode 100644 src/layouts/review/review-sections/service-location-review/service-location-review.vue

diff --git a/src/layouts/review/review-sections/service-location-review/service-location-review.spec.js b/src/layouts/review/review-sections/service-location-review/service-location-review.spec.js
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/layouts/review/review-sections/service-location-review/service-location-review.vue b/src/layouts/review/review-sections/service-location-review/service-location-review.vue
new file mode 100644
index 000000000..9f8a1ed6a
--- /dev/null
+++ b/src/layouts/review/review-sections/service-location-review/service-location-review.vue
@@ -0,0 +1,35 @@
+<template>
+    <reviewBlock
+        :headerCmsWidgetName="cmsWidgetName"
+        :content="displayContent"
+        @edit-clicked="editClicked" />
+</template>
+
+<script>
+import reviewBlock from "@/layouts/review/review-block/review-block";
+import { AppointmentTypeStrings } from "@/constants/schedule-constants";
+
+export default {
+    name: "service-package-review",
+    props: {
+        cmsWidgetName: String,
+        serviceLocation: Object,
+    },
+    data() {
+        return {};
+    },
+    methods: {
+        editClicked() {
+            this.$emit("edit-clicked");
+        },
+    },
+    computed: {
+        displayContent() {
+            return [`Address placeholder`];
+        },
+    },
+    components: {
+        reviewBlock,
+    },
+};
+</script>
diff --git a/src/layouts/review/review.vue b/src/layouts/review/review.vue
index e28b8a95e..d89f6cfa0 100644
--- a/src/layouts/review/review.vue
+++ b/src/layouts/review/review.vue
@@ -62,6 +62,13 @@
                     :damage="damageInfo"
                     :lineItems="lineItems"
                     @edit-clicked="editServicePackage" />
+
+                <hr class="my-0" />
+
+                <serviceLocationReview
+                    cmsWidgetName="ServiceLocationTitleWidget"
+                    :serviceLocation="serviceLocationInfo"
+                    @edit-clicked="editServiceLocation" />
             </div>
 
             <div>
@@ -86,6 +93,7 @@ import textBlock from "@/digital-components/text-block/text-block";
 import vehicleReview from "@/layouts/review/review-sections/vehicle-review/vehicle-review";
 import damageReview from "@/layouts/review/review-sections/damage-review/damage-review";
 import servicePackageReview from "@/layouts/review/review-sections/service-package-review/service-package-review";
+import serviceLocationReview from "@/layouts/review/review-sections/service-location-review/service-location-review";
 
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
@@ -172,6 +180,9 @@ export default {
         lineItems() {
             return this.$store.getters.lineItems;
         },
+        serviceLocationInfo() {
+            return this.$store.getters.order.serviceLocation;
+        },
     },
     components: {
         funnelHeader,
@@ -182,6 +193,7 @@ export default {
         vehicleReview,
         damageReview,
         servicePackageReview,
+        serviceLocationReview,
     },
 };
 </script>