From da98a327ca63813d7bd8385c11b74424faf9dd74 Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Tue, 6 Jun 2023 14:19:09 -0400
Subject: [PATCH] Initial blocking out

---
 .../customer-review/customer-review.spec.js   |  3 ++
 .../customer-review/customer-review.vue       | 38 +++++++++++++++++++
 src/layouts/review/review.vue                 |  9 +++++
 3 files changed, 50 insertions(+)
 create mode 100644 src/layouts/review/review-sections/customer-review/customer-review.spec.js
 create mode 100644 src/layouts/review/review-sections/customer-review/customer-review.vue

diff --git a/src/layouts/review/review-sections/customer-review/customer-review.spec.js b/src/layouts/review/review-sections/customer-review/customer-review.spec.js
new file mode 100644
index 000000000..ea5ec2f2e
--- /dev/null
+++ b/src/layouts/review/review-sections/customer-review/customer-review.spec.js
@@ -0,0 +1,3 @@
+describe("Customer review Block", () => {
+    test.todo("Add more tests as specific functionality is added.");
+});
diff --git a/src/layouts/review/review-sections/customer-review/customer-review.vue b/src/layouts/review/review-sections/customer-review/customer-review.vue
new file mode 100644
index 000000000..1f0b9e2d0
--- /dev/null
+++ b/src/layouts/review/review-sections/customer-review/customer-review.vue
@@ -0,0 +1,38 @@
+<template>
+    <reviewBlock
+        :headerCmsWidgetName="cmsWidgetName"
+        :content="displayContent"
+        @edit-clicked="editClicked" />
+</template>
+
+<script>
+import reviewBlock from "@/layouts/review/review-block/review-block";
+
+export default {
+    name: "customer-review",
+    props: {
+        cmsWidgetName: String,
+    },
+    data() {
+        return {};
+    },
+    methods: {
+        editClicked() {
+            this.$emit("edit-clicked");
+        },
+    },
+    computed: {
+        displayContent() {
+            return [
+                "Taylor Schliff",
+                "taylor.schliff@email.com",
+                "330-415-2879",
+                "Opted in to text message updates",
+            ];
+        },
+    },
+    components: {
+        reviewBlock,
+    },
+};
+</script>
diff --git a/src/layouts/review/review.vue b/src/layouts/review/review.vue
index 3f7e45639..8c6fbf411 100644
--- a/src/layouts/review/review.vue
+++ b/src/layouts/review/review.vue
@@ -41,6 +41,12 @@
                     cmsWidgetName="VehicleReviewWidget"
                     :vehicle="vehicleInfo"
                     @edit-clicked="editVehicle" />
+
+                <hr class="my-0" />
+
+                <customerReview
+                    cmsWidgetName="CustomerReviewWidget"
+                    @edit-clicked="editCustomerDetails" />
             </div>
 
             <hr class="my-0" />
@@ -60,6 +66,7 @@ import vehicleBanner from "@/fmg-components/vehicle-banner/vehicle-banner";
 import buttonMain from "@/ux-components/button-main/button-main";
 import textBlock from "@/digital-components/text-block/text-block";
 import vehicleReview from "@/layouts/review/review-sections/vehicle-review/vehicle-review";
+import customerReview from "@/layouts/review/review-sections/customer-review/customer-review";
 
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
@@ -99,6 +106,7 @@ export default {
                 this.$route
             );
         },
+        editCustomerDetails() {},
     },
     computed: {
         subHeaderTitle() {
@@ -121,6 +129,7 @@ export default {
         buttonMain,
         textBlock,
         vehicleReview,
+        customerReview,
     },
 };
 </script>