Initial blocking out

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.");
+});

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>

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>