From 0311588e3e4ff8ea5b4cc9ee7fe18e95ae56a842 Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Tue, 23 May 2023 10:02:03 -0400
Subject: [PATCH 01/33] Re-add CSR-1367.

---
 .../text-block/text-block.vue                 |   9 +-
 src/layouts/review/review.spec.js             |   3 +
 src/layouts/review/review.vue                 | 102 ++++++++++++++++++
 src/router/index.js                           |   6 ++
 4 files changed, 118 insertions(+), 2 deletions(-)
 create mode 100644 src/layouts/review/review.spec.js
 create mode 100644 src/layouts/review/review.vue

diff --git a/src/digital-components/text-block/text-block.vue b/src/digital-components/text-block/text-block.vue
index 4f9c41599..3a608f3a0 100644
--- a/src/digital-components/text-block/text-block.vue
+++ b/src/digital-components/text-block/text-block.vue
@@ -1,7 +1,7 @@
 <template>
     <div
-        class="text-block w-100 mt-2"
-        :class="[justifyText, typeStyle, fontWeight]"
+        class="text-block w-100"
+        :class="[justifyText, typeStyle, fontWeight, margin]"
         v-html="this.TextBlockCopy"></div>
 </template>
 
@@ -11,6 +11,11 @@ export default {
     props: {
         customText: String, // used to allow the insert of token values into textblock
         justifyText: String, // left, right, center
+        margin: {
+            // bootstrap margin to apply to the block.
+            type: String,
+            default: "mt-2",
+        },
         typeStyle: String, // h1-h6, body, small, label, caption (see Figma or Confluence documentation)
         fontWeight: String, // bold=500, default is 400
         cmsWidgetName: String,
diff --git a/src/layouts/review/review.spec.js b/src/layouts/review/review.spec.js
new file mode 100644
index 000000000..674dc71f7
--- /dev/null
+++ b/src/layouts/review/review.spec.js
@@ -0,0 +1,3 @@
+describe("Review Page", () => {
+    test.todo("Add more tests as specific functionality is added.");
+});
diff --git a/src/layouts/review/review.vue b/src/layouts/review/review.vue
new file mode 100644
index 000000000..9bccb2014
--- /dev/null
+++ b/src/layouts/review/review.vue
@@ -0,0 +1,102 @@
+<template>
+    <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm">
+        <!-- When customer-details is added: v-slot="{ meta }" -->
+        <div class="page-container-grouped-styles">
+            <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
+            <vehicleBanner
+                cmsWidgetName="VehicleBannerWidget"
+                :displayGenericVehicleImage="false" />
+
+            <textBlock
+                :customText="subHeaderTitle"
+                typeStyle="h5"
+                justifyText="text-center"
+                margin="mt-1"
+                class="dark-header" />
+            <textBlock
+                :customText="subHeaderBody"
+                typeStyle="body"
+                justifyText="left"
+                margin="mt-0 mb-2" />
+
+            <buttonMain
+                ref="buttonMain"
+                isPrimary
+                :buttonText="forwardButtonText"
+                loaderColor="white"
+                @click-event="forwardButtonAction" />
+
+            <funnelFooter
+                cmsWidgetName="FunnelFooterWidget"
+                @back-clicked="backButtonAction"
+                @ForwardClicked="forwardButtonAction" />
+        </div>
+    </Form>
+</template>
+
+<script>
+import funnelHeader from "@/fmg-components/funnel-header/funnel-header";
+import funnelFooter from "@/fmg-components/funnel-footer/funnel-footer";
+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 { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
+import { settleAllPromises } from "@/helpers/layout-helper";
+
+export default {
+    name: "review",
+    async beforeRouteEnter(to, from, next) {
+        // Call APIs
+        const cmsContentPromise = fetchCmsContentForPage(to.query.fmgPage);
+
+        // Settle promises and get results
+        const promiseResultMap = [
+            {
+                resultKey: "cmsContent",
+                promise: cmsContentPromise,
+            },
+        ];
+
+        const resultMap = await settleAllPromises(promiseResultMap);
+
+        next((vm) => {
+            vm.setCmsContent(resultMap.cmsContent);
+        });
+    },
+    data() {
+        return {};
+    },
+    methods: {
+        arePagePrerequisitesValid() {
+            return true;
+        },
+        backButtonAction() {},
+        forwardButtonAction() {},
+    },
+    computed: {
+        subHeaderTitle() {
+            return this.getCmsContent("FunnelSubHeaderWidget", "HeaderText");
+        },
+        subHeaderBody() {
+            return this.getCmsContent("FunnelSubHeaderWidget", "BodyText");
+        },
+        forwardButtonText() {
+            return this.getCmsContent("FunnelFooterWidget", "ForwardButtonText");
+        },
+    },
+    components: {
+        funnelHeader,
+        funnelFooter,
+        vehicleBanner,
+        buttonMain,
+        textBlock,
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.dark-header {
+    color: $black;
+}
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index 3abfa058d..86c402187 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -31,6 +31,7 @@ import { applicationConfig } from "../constants/application-config";
 // Components
 import datePicker from "@/digital-components/date-picker/date-picker.vue";
 import demoDatePicker from "@/layouts/demo-date-picker/demo-date-picker.vue";
+import review from "@/layouts/review/review";
 
 const routes = [
     {
@@ -43,6 +44,11 @@ const routes = [
         name: "date-picker",
         component: datePicker,
     },
+    {
+        path: "/review", // This is a temporary route for testing.
+        name: "review",
+        component: review,
+    },
     {
         path: "/",
         name: "root",

From d92f87475c2465c1149868c2f1f9377dd52ac5b2 Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Tue, 23 May 2023 11:55:44 -0400
Subject: [PATCH 02/33] Correct justify class tags.

---
 src/layouts/review/review.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/layouts/review/review.vue b/src/layouts/review/review.vue
index 9bccb2014..3ff91a9af 100644
--- a/src/layouts/review/review.vue
+++ b/src/layouts/review/review.vue
@@ -10,13 +10,13 @@
             <textBlock
                 :customText="subHeaderTitle"
                 typeStyle="h5"
-                justifyText="text-center"
+                justifyText="justify-content-center"
                 margin="mt-1"
                 class="dark-header" />
             <textBlock
                 :customText="subHeaderBody"
                 typeStyle="body"
-                justifyText="left"
+                justifyText="justify-content-left"
                 margin="mt-0 mb-2" />
 
             <buttonMain

From 404f94e3f5ff74795534b3443fc83f90716b7bb1 Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Tue, 30 May 2023 15:30:12 -0400
Subject: [PATCH 03/33] Adjust line-height for review page header

---
 src/layouts/review/review.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/layouts/review/review.vue b/src/layouts/review/review.vue
index 3ff91a9af..68ae16fee 100644
--- a/src/layouts/review/review.vue
+++ b/src/layouts/review/review.vue
@@ -98,5 +98,6 @@ export default {
 <style lang="scss" scoped>
 .dark-header {
     color: $black;
+    line-height: 1.6;
 }
 </style>

From c4617ccf9a50994e5f0ed1bdbb41e04a53f18d94 Mon Sep 17 00:00:00 2001
From: sheena <sheena.sukumaran@safelite.com>
Date: Wed, 31 May 2023 19:26:29 +0530
Subject: [PATCH 04/33] CSR-1321.1

Removed fixed footer
Fixed space to 24px
---
 src/digital-components/date-picker/date-picker.vue         | 4 ++--
 src/fmg-components/funnel-footer/funnel-footer.vue         | 6 +++---
 src/layouts/address-lookup/address-lookup.vue              | 2 +-
 .../customer-questions/customer-questions.vue              | 2 +-
 src/layouts/estimate/estimate.vue                          | 4 ++++
 src/layouts/license-plate-lookup/license-plate-lookup.vue  | 7 +++----
 .../glass-part-question/glass-part-question.vue            | 4 ++--
 src/layouts/vehicle-parts/vehicle-parts.vue                | 2 +-
 src/layouts/vin-lookup/vin-lookup.vue                      | 2 +-
 9 files changed, 18 insertions(+), 15 deletions(-)

diff --git a/src/digital-components/date-picker/date-picker.vue b/src/digital-components/date-picker/date-picker.vue
index 9154383cd..bc7a51611 100644
--- a/src/digital-components/date-picker/date-picker.vue
+++ b/src/digital-components/date-picker/date-picker.vue
@@ -809,7 +809,7 @@ export default {
         text-underline-offset: 4px;
         box-shadow: none !important; // TODO: FIX THIS
         position: absolute;
-        top: 90%;
+        top: 95.4%;
     }
 
     .past {
@@ -872,7 +872,7 @@ export default {
 .btn-link {
     display: block;
     position: relative;
-    height: 3rem;
+    height: 2rem;
     width: 100%;
     justify-content: center;
     background: transparent;
diff --git a/src/fmg-components/funnel-footer/funnel-footer.vue b/src/fmg-components/funnel-footer/funnel-footer.vue
index f1900596b..e7e9cfc85 100644
--- a/src/fmg-components/funnel-footer/funnel-footer.vue
+++ b/src/fmg-components/funnel-footer/funnel-footer.vue
@@ -1,6 +1,6 @@
 <template>
-    <div class="row" :style="`padding-bottom: ${paddingHeight}px`"></div>
-    <footer class="footer container-fluid fixed-bottom g-5 bg-light py-4" id="infoBox">
+    <div class="row"></div>
+    <footer class="footer container-fluid g-5 my-5 px-0" id="infoBox">
         <div class="row d-flex flex-row-reverse align-items-center vw-100">
             <div class="col button-col d-flex" id="stacked">
                 <buttonMain
@@ -46,7 +46,6 @@ export default {
     },
     data() {
         return {
-            paddingHeight: 0,
             customButtontext: "",
         };
     },
@@ -101,6 +100,7 @@ export default {
 
 <style lang="scss" scoped>
 .footer {
+    overflow: visible;
     display: flex;
     a {
         display: flex;
diff --git a/src/layouts/address-lookup/address-lookup.vue b/src/layouts/address-lookup/address-lookup.vue
index 9e27bbac7..217f96fff 100644
--- a/src/layouts/address-lookup/address-lookup.vue
+++ b/src/layouts/address-lookup/address-lookup.vue
@@ -53,7 +53,7 @@
                     v-bind:isDismissible="false" />
                 <transition name="fade" mode="out-in">
                     <div class="service-zip-field" v-if="showServiceZipField" aria-live="polite">
-                        <div class="row mb-4">
+                        <div class="row mt-4 mb-1">
                             <div class="col">
                                 <textboxQuestion
                                     cmsWidgetName="ServiceZipQuestionWidget"
diff --git a/src/layouts/address-lookup/customer-questions/customer-questions.vue b/src/layouts/address-lookup/customer-questions/customer-questions.vue
index 325f8c380..557bc2172 100644
--- a/src/layouts/address-lookup/customer-questions/customer-questions.vue
+++ b/src/layouts/address-lookup/customer-questions/customer-questions.vue
@@ -30,7 +30,7 @@
                 validationRules="email-address-required|email-address-format" />
         </div>
     </div>
-    <div class="row mb-4">
+    <div class="row mb-0">
         <div class="col">
             <textBlock cmsWidgetName="QuoteEmailTextBlockWidget" typeStyle="caption" />
         </div>
diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index 1ca0c9d48..1593a2c56 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -15,6 +15,7 @@
                         cmsWidgetName="VinLookupMethod"
                         :answers="answersFromCms"
                         groupName="vinLookupMethodOption"
+                        class="minus"
                         buttonTypeString="listButton"
                         v-model="selectedVinLookupMethod"
                         isRequired
@@ -359,4 +360,7 @@ export default {
     font-weight: 500;
     color: $black;
 }
+.minus{
+    margin-bottom:-4px;
+}
 </style>
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index 03b56a4cb..3255701b7 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -54,10 +54,9 @@
                     :manualCopy="AlertNonServiceableZipBody"
                     alertClass="alert-danger"
                     v-bind:isDismissible="false" />
-                <div class="row my-2">
-                    <div class="col">
-                        <textboxQuestion
-                            v-if="showServiceZipField"
+                <div class="row mt-2 "  v-if="showServiceZipField">
+                    <div class="col mb-1">
+                        <textboxQuestion                           
                             cmsWidgetName="ServiceZipQuestionWidget"
                             v-model="serviceZipCode"
                             inputId="serviceZipCode"
diff --git a/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue b/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue
index 7317b743d..5b6cd2e70 100644
--- a/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue
+++ b/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue
@@ -3,7 +3,7 @@
         <p class="mb-0 color-question-text">{{ colorQuestionText }}</p>
     </div>
     <div class="nested-radio">
-        <div class="row my-2">
+        <div class="row mt-2 ">
             <div class="col">
                 <buttonQuestion
                     v-model="selectedTint"
@@ -14,7 +14,7 @@
                     isRequired
                     :groupName="`${glassLocation}-${glassName}`"
                     :validationRules="tintValidationRules">
-                    <div class="row my-2" aria-live="polite">
+                    <div class="row mt-2" aria-live="polite">
                         <div class="col">
                             <buttonQuestion
                                 v-model="selectedPartNumber"
diff --git a/src/layouts/vehicle-parts/vehicle-parts.vue b/src/layouts/vehicle-parts/vehicle-parts.vue
index cf27b3e24..9b4b8b185 100644
--- a/src/layouts/vehicle-parts/vehicle-parts.vue
+++ b/src/layouts/vehicle-parts/vehicle-parts.vue
@@ -11,7 +11,7 @@
             <div class="fade-on-route-transition sub-container make-tall">
                 <div class="prevent-squish my-5">
                     <div class="row">
-                        <div class="col">
+                        <div class="col pb-0">
                             <alert
                                 class="rounded border-0 shadow-sm"
                                 alertClass="alert-warning"
diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue
index 578f3f72d..3291bdd79 100644
--- a/src/layouts/vin-lookup/vin-lookup.vue
+++ b/src/layouts/vin-lookup/vin-lookup.vue
@@ -62,7 +62,7 @@
                             validationRules="email-address-required|email-address-format" />
                     </div>
                 </div>
-                <div class="row mb-2">
+                <div class="row mb-0">
                     <div class="col">
                         <textBlock cmsWidgetName="QuoteEmailTextBlockWidget" typeStyle="caption" />
                     </div>

From 4a3a216cbe771a0e70c39b6a9c5e448bd192a810 Mon Sep 17 00:00:00 2001
From: sheena <sheena.sukumaran@safelite.com>
Date: Wed, 31 May 2023 19:35:54 +0530
Subject: [PATCH 05/33] Update funnel-footer.vue

---
 src/fmg-components/funnel-footer/funnel-footer.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/fmg-components/funnel-footer/funnel-footer.vue b/src/fmg-components/funnel-footer/funnel-footer.vue
index e7e9cfc85..c564e7706 100644
--- a/src/fmg-components/funnel-footer/funnel-footer.vue
+++ b/src/fmg-components/funnel-footer/funnel-footer.vue
@@ -46,6 +46,7 @@ export default {
     },
     data() {
         return {
+            paddingHeight: 0,
             customButtontext: "",
         };
     },

From 1c433792ad4e9ae612b4ab5e4345c94571499859 Mon Sep 17 00:00:00 2001
From: shnsuku <78136029+shnsuku@users.noreply.github.com>
Date: Wed, 31 May 2023 19:59:20 +0530
Subject: [PATCH 06/33] Update estimate.vue

---
 src/layouts/estimate/estimate.vue | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index 1593a2c56..1ca0c9d48 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -15,7 +15,6 @@
                         cmsWidgetName="VinLookupMethod"
                         :answers="answersFromCms"
                         groupName="vinLookupMethodOption"
-                        class="minus"
                         buttonTypeString="listButton"
                         v-model="selectedVinLookupMethod"
                         isRequired
@@ -360,7 +359,4 @@ export default {
     font-weight: 500;
     color: $black;
 }
-.minus{
-    margin-bottom:-4px;
-}
 </style>

From 4f991ff2b4f93bec64f1e1c3bd39beb493fe89ab Mon Sep 17 00:00:00 2001
From: sheena <sheena.sukumaran@safelite.com>
Date: Wed, 31 May 2023 20:19:26 +0530
Subject: [PATCH 07/33] Update estimate.vue

---
 src/layouts/estimate/estimate.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index 1ca0c9d48..f65bcbb54 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -12,6 +12,7 @@
                         cmsWidgetName="AlertVinLookupQuestion"
                         alertClass="" />
                     <buttonQuestion
+                        class="minus"
                         cmsWidgetName="VinLookupMethod"
                         :answers="answersFromCms"
                         groupName="vinLookupMethodOption"
@@ -359,4 +360,7 @@ export default {
     font-weight: 500;
     color: $black;
 }
+.minus{
+    margin-bottom:-4px;
+}
 </style>

From f027f27645f9413cc74d0c2eca1864f6da2a7c6e Mon Sep 17 00:00:00 2001
From: shnsuku <78136029+shnsuku@users.noreply.github.com>
Date: Thu, 1 Jun 2023 14:06:49 +0530
Subject: [PATCH 08/33] Update estimate.vue

---
 src/layouts/estimate/estimate.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index f65bcbb54..04d262488 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -12,7 +12,6 @@
                         cmsWidgetName="AlertVinLookupQuestion"
                         alertClass="" />
                     <buttonQuestion
-                        class="minus"
                         cmsWidgetName="VinLookupMethod"
                         :answers="answersFromCms"
                         groupName="vinLookupMethodOption"

From bcaaf3e18a55b54509754def4feeb3a713be9c2d Mon Sep 17 00:00:00 2001
From: shnsuku <78136029+shnsuku@users.noreply.github.com>
Date: Thu, 1 Jun 2023 14:13:28 +0530
Subject: [PATCH 09/33] Update estimate.vue

---
 src/layouts/estimate/estimate.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index 04d262488..f65bcbb54 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -12,6 +12,7 @@
                         cmsWidgetName="AlertVinLookupQuestion"
                         alertClass="" />
                     <buttonQuestion
+                        class="minus"
                         cmsWidgetName="VinLookupMethod"
                         :answers="answersFromCms"
                         groupName="vinLookupMethodOption"

From e944c078d9413c91edb50ecdfc6f1c52cb7c6d4d Mon Sep 17 00:00:00 2001
From: shnsuku <78136029+shnsuku@users.noreply.github.com>
Date: Thu, 1 Jun 2023 14:26:14 +0530
Subject: [PATCH 10/33] Update estimate.vue

---
 src/layouts/estimate/estimate.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index f65bcbb54..8f159e9cd 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -361,6 +361,6 @@ export default {
     color: $black;
 }
 .minus{
-    margin-bottom:-4px;
+    margin-bottom:0;
 }
 </style>

From 2db0b4d9f11d4c390cf1ed7f66e99daf716f7c41 Mon Sep 17 00:00:00 2001
From: shnsuku <78136029+shnsuku@users.noreply.github.com>
Date: Thu, 1 Jun 2023 14:32:19 +0530
Subject: [PATCH 11/33] Update estimate.vue

---
 src/layouts/estimate/estimate.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index 8f159e9cd..f65bcbb54 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -361,6 +361,6 @@ export default {
     color: $black;
 }
 .minus{
-    margin-bottom:0;
+    margin-bottom:-4px;
 }
 </style>

From 96ac9ea9e51aa91496e609258974da06d1bf5731 Mon Sep 17 00:00:00 2001
From: sheena <sheena.sukumaran@safelite.com>
Date: Thu, 1 Jun 2023 16:31:13 +0530
Subject: [PATCH 12/33] CSR-1321

---
 src/layouts/estimate/estimate.vue                             | 4 ++--
 src/layouts/license-plate-lookup/license-plate-lookup.vue     | 4 ++--
 .../vehicle-parts/glass-part-question/glass-part-question.vue | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index f65bcbb54..0665ffaa9 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -360,7 +360,7 @@ export default {
     font-weight: 500;
     color: $black;
 }
-.minus{
-    margin-bottom:-4px;
+.minus {
+    margin-bottom: -4px;
 }
 </style>
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index 3255701b7..fcd7fde16 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -54,9 +54,9 @@
                     :manualCopy="AlertNonServiceableZipBody"
                     alertClass="alert-danger"
                     v-bind:isDismissible="false" />
-                <div class="row mt-2 "  v-if="showServiceZipField">
+                <div class="row mt-2" v-if="showServiceZipField">
                     <div class="col mb-1">
-                        <textboxQuestion                           
+                        <textboxQuestion
                             cmsWidgetName="ServiceZipQuestionWidget"
                             v-model="serviceZipCode"
                             inputId="serviceZipCode"
diff --git a/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue b/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue
index 5b6cd2e70..25a73e112 100644
--- a/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue
+++ b/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue
@@ -3,7 +3,7 @@
         <p class="mb-0 color-question-text">{{ colorQuestionText }}</p>
     </div>
     <div class="nested-radio">
-        <div class="row mt-2 ">
+        <div class="row mt-2">
             <div class="col">
                 <buttonQuestion
                     v-model="selectedTint"

From b2ebe33005ff03ec10bca82c3e64cf62506ae917 Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Thu, 1 Jun 2023 12:29:26 -0400
Subject: [PATCH 13/33] Initial block-out of vehicle-review section.

---
 .../review/review-block/review-block.spec.js  |  3 ++
 .../review/review-block/review-block.vue      | 38 +++++++++++++++++++
 .../vehicle-review/vehicle-review.spec.js     |  3 ++
 .../vehicle-review/vehicle-review.vue         | 28 ++++++++++++++
 src/layouts/review/review.vue                 | 19 ++++++++++
 5 files changed, 91 insertions(+)
 create mode 100644 src/layouts/review/review-block/review-block.spec.js
 create mode 100644 src/layouts/review/review-block/review-block.vue
 create mode 100644 src/layouts/review/review-sections/vehicle-review/vehicle-review.spec.js
 create mode 100644 src/layouts/review/review-sections/vehicle-review/vehicle-review.vue

diff --git a/src/layouts/review/review-block/review-block.spec.js b/src/layouts/review/review-block/review-block.spec.js
new file mode 100644
index 000000000..2661e2e30
--- /dev/null
+++ b/src/layouts/review/review-block/review-block.spec.js
@@ -0,0 +1,3 @@
+describe("Review Page Content Block", () => {
+    test.todo("Add more tests as specific functionality is added.");
+});
\ No newline at end of file
diff --git a/src/layouts/review/review-block/review-block.vue b/src/layouts/review/review-block/review-block.vue
new file mode 100644
index 000000000..48a62140f
--- /dev/null
+++ b/src/layouts/review/review-block/review-block.vue
@@ -0,0 +1,38 @@
+<template>
+    <div class="py-3">
+        <div class="d-flex">
+            <textBlock :customText="headerText" 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">
+            {{ item }}
+        </div>
+    </div>
+</template>
+
+<script>
+import textBlock from "@/digital-components/text-block/text-block";
+import textLink from "@/ux-components/text-link/text-link";
+
+export default {
+    name: "vehicle-review",
+    props: {
+        headerText: String,
+        // Specifically an array of strings.
+        content: Array,
+    },
+    data() {
+        return {};
+    },
+    methods: {
+        linkClicked() {
+            this.$emit("edit-clicked");
+        },
+    },
+    computed: {},
+    components: {
+        textBlock,
+        textLink,
+    },
+};
+</script>
diff --git a/src/layouts/review/review-sections/vehicle-review/vehicle-review.spec.js b/src/layouts/review/review-sections/vehicle-review/vehicle-review.spec.js
new file mode 100644
index 000000000..ae2e599c0
--- /dev/null
+++ b/src/layouts/review/review-sections/vehicle-review/vehicle-review.spec.js
@@ -0,0 +1,3 @@
+describe("Vehicle Review Block", () => {
+    test.todo("Add more tests as specific functionality is added.");
+});
\ No newline at end of file
diff --git a/src/layouts/review/review-sections/vehicle-review/vehicle-review.vue b/src/layouts/review/review-sections/vehicle-review/vehicle-review.vue
new file mode 100644
index 000000000..04e96b7e9
--- /dev/null
+++ b/src/layouts/review/review-sections/vehicle-review/vehicle-review.vue
@@ -0,0 +1,28 @@
+<template>
+    <reviewBlock headerText="Vehicle" :content="displayContent" @edit-clicked="editClicked" />
+</template>
+
+<script>
+import reviewBlock from "@/layouts/review/review-block/review-block";
+
+export default {
+    name: "vehicle-review",
+    props: {},
+    data() {
+        return {};
+    },
+    methods: {
+        editClicked() {
+            this.$emit("edit-clicked");
+        },
+    },
+    computed: {
+        displayContent() {
+            return ["2018 Ford Fiesta"];
+        },
+    },
+    components: {
+        reviewBlock,
+    },
+};
+</script>
diff --git a/src/layouts/review/review.vue b/src/layouts/review/review.vue
index 68ae16fee..38175f2c2 100644
--- a/src/layouts/review/review.vue
+++ b/src/layouts/review/review.vue
@@ -24,8 +24,25 @@
                 isPrimary
                 :buttonText="forwardButtonText"
                 loaderColor="white"
+                class="mb-2"
                 @click-event="forwardButtonAction" />
 
+            <hr />
+
+            <textBlock
+                customText="Appointment Details"
+                typeStyle="label bold"
+                justifyText="justify-text-left"
+                margin="mt-0"
+                class="dark-header" />
+
+            <div class="px-4">
+                <vehicleReview />
+                <hr class="my-0" />
+            </div>
+
+            <hr />
+
             <funnelFooter
                 cmsWidgetName="FunnelFooterWidget"
                 @back-clicked="backButtonAction"
@@ -40,6 +57,7 @@ import funnelFooter from "@/fmg-components/funnel-footer/funnel-footer";
 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 { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
@@ -91,6 +109,7 @@ export default {
         vehicleBanner,
         buttonMain,
         textBlock,
+        vehicleReview,
     },
 };
 </script>

From 270c75743c42eb78382057dd3ffd560be14d5dc4 Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Thu, 1 Jun 2023 13:13:20 -0400
Subject: [PATCH 14/33] Slight change before hookup to cms

---
 .../review/review-sections/vehicle-review/vehicle-review.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

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 04e96b7e9..09306d271 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,5 @@
 <template>
-    <reviewBlock headerText="Vehicle" :content="displayContent" @edit-clicked="editClicked" />
+    <reviewBlock :headerText="headerText" :content="displayContent" @edit-clicked="editClicked" />
 </template>
 
 <script>
@@ -17,6 +17,9 @@ export default {
         },
     },
     computed: {
+        headerText () {
+            return "Vehicle";
+        },
         displayContent() {
             return ["2018 Ford Fiesta"];
         },

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 15/33] 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>
 

From ac2550b1c0b42af21dce371f3bb8e5a1c2ea9252 Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Thu, 1 Jun 2023 13:46:45 -0400
Subject: [PATCH 16/33] Formatting

---
 src/layouts/review/review-block/review-block.spec.js            | 2 +-
 .../review-sections/vehicle-review/vehicle-review.spec.js       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/layouts/review/review-block/review-block.spec.js b/src/layouts/review/review-block/review-block.spec.js
index 2661e2e30..84e35cb9c 100644
--- a/src/layouts/review/review-block/review-block.spec.js
+++ b/src/layouts/review/review-block/review-block.spec.js
@@ -1,3 +1,3 @@
 describe("Review Page Content Block", () => {
     test.todo("Add more tests as specific functionality is added.");
-});
\ No newline at end of file
+});
diff --git a/src/layouts/review/review-sections/vehicle-review/vehicle-review.spec.js b/src/layouts/review/review-sections/vehicle-review/vehicle-review.spec.js
index ae2e599c0..fa387ba02 100644
--- a/src/layouts/review/review-sections/vehicle-review/vehicle-review.spec.js
+++ b/src/layouts/review/review-sections/vehicle-review/vehicle-review.spec.js
@@ -1,3 +1,3 @@
 describe("Vehicle Review Block", () => {
     test.todo("Add more tests as specific functionality is added.");
-});
\ No newline at end of file
+});

From a919af0dab8fce20f868fc48b959fa3316e59840 Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Thu, 1 Jun 2023 13:56:00 -0400
Subject: [PATCH 17/33] Drive vehicle info with store

---
 .../review/review-sections/vehicle-review/vehicle-review.vue | 3 ++-
 src/layouts/review/review.vue                                | 5 ++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

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 a0533c4ac..76248a1c2 100644
--- a/src/layouts/review/review-sections/vehicle-review/vehicle-review.vue
+++ b/src/layouts/review/review-sections/vehicle-review/vehicle-review.vue
@@ -12,6 +12,7 @@ export default {
     name: "vehicle-review",
     props: {
         cmsWidgetName: String,
+        vehicle: Object,
     },
     data() {
         return {};
@@ -23,7 +24,7 @@ export default {
     },
     computed: {
         displayContent() {
-            return ["2018 Ford Fiesta"];
+            return [`${this.vehicle.year} ${this.vehicle.make} ${this.vehicle.model}`];
         },
     },
     components: {
diff --git a/src/layouts/review/review.vue b/src/layouts/review/review.vue
index cbd7b05ac..82e4a391d 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 cmsWidgetName="VehicleReviewWidget" />
+                <vehicleReview cmsWidgetName="VehicleReviewWidget" :vehicle="vehicleInfo" />
                 <hr class="my-0" />
             </div>
 
@@ -102,6 +102,9 @@ export default {
         forwardButtonText() {
             return this.getCmsContent("FunnelFooterWidget", "ForwardButtonText");
         },
+        vehicleInfo() {
+            return this.$store.getters.vehicle;
+        },
     },
     components: {
         funnelHeader,

From bd140cd3b60d64bc6d410b1534e198ff95db74fe Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Thu, 1 Jun 2023 14:14:55 -0400
Subject: [PATCH 18/33] Add navigation when edit is clicked

---
 src/layouts/review/review.vue                       | 11 ++++++++++-
 src/router/router-constants/fmgPage-values.js       |  1 +
 src/router/router-constants/navigation-scenarios.js |  3 +++
 src/router/router-constants/routing-table.js        |  9 +++++++++
 4 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/layouts/review/review.vue b/src/layouts/review/review.vue
index 82e4a391d..4c6c791c0 100644
--- a/src/layouts/review/review.vue
+++ b/src/layouts/review/review.vue
@@ -37,7 +37,10 @@
                 class="dark-header" />
 
             <div class="px-4">
-                <vehicleReview cmsWidgetName="VehicleReviewWidget" :vehicle="vehicleInfo" />
+                <vehicleReview
+                    cmsWidgetName="VehicleReviewWidget"
+                    :vehicle="vehicleInfo"
+                    @edit-clicked="navigateToVehicleYear" />
                 <hr class="my-0" />
             </div>
 
@@ -91,6 +94,12 @@ export default {
         },
         backButtonAction() {},
         forwardButtonAction() {},
+        navigateToVehicleYear() {
+            this.$router.navigateWithoutSaving(
+                this.navigationScenarios.REVIEW_VEHICLE_EDIT,
+                this.$route
+            );
+        },
     },
     computed: {
         subHeaderTitle() {
diff --git a/src/router/router-constants/fmgPage-values.js b/src/router/router-constants/fmgPage-values.js
index 283c68ef1..b33d1f23c 100644
--- a/src/router/router-constants/fmgPage-values.js
+++ b/src/router/router-constants/fmgPage-values.js
@@ -17,6 +17,7 @@ const fmgPageValues = {
     SERVICE_LOCATION: "service-location",
     HERITAGE: "heritage",
     SCHEDULE: "schedule",
+    REVIEW: "review",
 };
 
 export { fmgPageValues };
diff --git a/src/router/router-constants/navigation-scenarios.js b/src/router/router-constants/navigation-scenarios.js
index 88b5c92a8..012d327d7 100644
--- a/src/router/router-constants/navigation-scenarios.js
+++ b/src/router/router-constants/navigation-scenarios.js
@@ -48,6 +48,9 @@ const navigationScenarios = {
 
     // Scheduling
     SELECTED_LOCATION: "SELECTED_LOCATION",
+
+    // Review
+    REVIEW_VEHICLE_EDIT: "REVIEW_VEHICLE_EDIT",
 };
 
 export { navigationScenarios };
diff --git a/src/router/router-constants/routing-table.js b/src/router/router-constants/routing-table.js
index 32c6e4ba5..4c6232bfc 100644
--- a/src/router/router-constants/routing-table.js
+++ b/src/router/router-constants/routing-table.js
@@ -435,6 +435,15 @@ const routingTable = function (store) {
                 },
             ],
         },
+        {
+            fmgPageValue: fmgPageValues.REVIEW,
+            maps: [
+                {
+                    scenario: navigationScenarios.REVIEW_VEHICLE_EDIT,
+                    destinationFmgPageValue: fmgPageValues.VEHICLE_YEAR,
+                },
+            ],
+        },
     ];
 };
 

From 3164dcefd54d00178ede9efe6263ea628bebc1d5 Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Thu, 1 Jun 2023 14:52:48 -0400
Subject: [PATCH 19/33] Updating horizontal rules.

---
 src/layouts/review/review.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/layouts/review/review.vue b/src/layouts/review/review.vue
index 4c6c791c0..2a152f8fd 100644
--- a/src/layouts/review/review.vue
+++ b/src/layouts/review/review.vue
@@ -41,10 +41,9 @@
                     cmsWidgetName="VehicleReviewWidget"
                     :vehicle="vehicleInfo"
                     @edit-clicked="navigateToVehicleYear" />
-                <hr class="my-0" />
             </div>
 
-            <hr />
+            <hr class="my-0" />
 
             <funnelFooter
                 cmsWidgetName="FunnelFooterWidget"

From a2848214448071754db965251eb76687289af8db Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Thu, 1 Jun 2023 15:49:35 -0400
Subject: [PATCH 20/33] Add test for vehicle-review

---
 .../vehicle-review/vehicle-review.spec.js     | 36 ++++++++++++++++++-
 1 file changed, 35 insertions(+), 1 deletion(-)

diff --git a/src/layouts/review/review-sections/vehicle-review/vehicle-review.spec.js b/src/layouts/review/review-sections/vehicle-review/vehicle-review.spec.js
index fa387ba02..e5baa2225 100644
--- a/src/layouts/review/review-sections/vehicle-review/vehicle-review.spec.js
+++ b/src/layouts/review/review-sections/vehicle-review/vehicle-review.spec.js
@@ -1,3 +1,37 @@
+import { shallowMount } from "@vue/test-utils";
+import { getMountOptions } from "@/helpers/unit-test-helper.js";
+import store from "@/store";
+import vehicleReview from "@/layouts/review/review-sections/vehicle-review/vehicle-review";
+
+jest.mock("@/helpers/cms-content-helper", () => ({
+    fetchCmsContentForPage: () => Promise.resolve("content"),
+}));
+
 describe("Vehicle Review Block", () => {
-    test.todo("Add more tests as specific functionality is added.");
+    test("Correctly assembles vehicle info into a display string", async () => {
+        // Arrange
+        const { wrapper } = setupMocks({
+            propsData: {
+                vehicle: {
+                    year: "2019",
+                    make: "Honda",
+                    model: "Odyssey",
+                },
+            },
+        });
+
+        // Act
+        await wrapper.vm.$nextTick();
+
+        // Assert
+        expect(wrapper.vm.displayContent).toStrictEqual(["2019 Honda Odyssey"]);
+    });
 });
+
+function setupMocks(customMountOptions) {
+    const mountOptions = getMountOptions(customMountOptions);
+
+    const wrapper = shallowMount(vehicleReview, mountOptions);
+    wrapper.vm.setCmsContent = jest.fn();
+    return { wrapper };
+}

From 949849f0354954e46044de706cbb6ee0b557e0fc Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Thu, 1 Jun 2023 16:43:00 -0400
Subject: [PATCH 21/33] Add test for review content block

---
 .../review/review-block/review-block.spec.js  | 37 ++++++++++++++++++-
 .../review/review-block/review-block.vue      |  2 +-
 2 files changed, 36 insertions(+), 3 deletions(-)

diff --git a/src/layouts/review/review-block/review-block.spec.js b/src/layouts/review/review-block/review-block.spec.js
index 84e35cb9c..1a25e8bfd 100644
--- a/src/layouts/review/review-block/review-block.spec.js
+++ b/src/layouts/review/review-block/review-block.spec.js
@@ -1,3 +1,36 @@
-describe("Review Page Content Block", () => {
-    test.todo("Add more tests as specific functionality is added.");
+import { shallowMount } from "@vue/test-utils";
+import { getMountOptions } from "@/helpers/unit-test-helper.js";
+import store from "@/store";
+import reviewBlock from "@/layouts/review/review-block/review-block";
+
+jest.mock("@/helpers/cms-content-helper", () => ({
+    fetchCmsContentForPage: () => Promise.resolve("content"),
+}));
+
+describe("Review Content Block", () => {
+    test("Displays one new line of content for each element in the content prop.", () => {
+        // Arrange
+        const { wrapper } = setupMocks({
+            propsData: {
+                headerCmsWidgetName: "TestWidget",
+                content: ["a", "b", "c", "d"],
+            },
+        });
+
+        // Act
+        const contentLines = wrapper.findAll("[data-test='contentLine']");
+
+        // Assert
+        expect(contentLines.length).toBe(4);
+    });
 });
+
+function setupMocks(customMountOptions) {
+    const mountOptions = getMountOptions(customMountOptions);
+
+    mountOptions["attachTo"] = document.body;
+
+    const wrapper = shallowMount(reviewBlock, mountOptions);
+    wrapper.vm.setCmsContent = jest.fn();
+    return { wrapper };
+}
diff --git a/src/layouts/review/review-block/review-block.vue b/src/layouts/review/review-block/review-block.vue
index 2209d197c..128e488d7 100644
--- a/src/layouts/review/review-block/review-block.vue
+++ b/src/layouts/review/review-block/review-block.vue
@@ -7,7 +7,7 @@
                 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">
+        <div class="small" v-for="item in content" :key="item" data-test="contentLine">
             {{ item }}
         </div>
     </div>

From 994f248d3f4b5f6d57717d5dec4a5b4d4d11ad38 Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Mon, 5 Jun 2023 16:13:09 -0400
Subject: [PATCH 22/33] Address tech review comments

---
 src/layouts/review/review.vue                       | 6 +++---
 src/router/router-constants/navigation-scenarios.js | 2 +-
 src/router/router-constants/routing-table.js        | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/layouts/review/review.vue b/src/layouts/review/review.vue
index 2a152f8fd..3f7e45639 100644
--- a/src/layouts/review/review.vue
+++ b/src/layouts/review/review.vue
@@ -40,7 +40,7 @@
                 <vehicleReview
                     cmsWidgetName="VehicleReviewWidget"
                     :vehicle="vehicleInfo"
-                    @edit-clicked="navigateToVehicleYear" />
+                    @edit-clicked="editVehicle" />
             </div>
 
             <hr class="my-0" />
@@ -93,9 +93,9 @@ export default {
         },
         backButtonAction() {},
         forwardButtonAction() {},
-        navigateToVehicleYear() {
+        editVehicle() {
             this.$router.navigateWithoutSaving(
-                this.navigationScenarios.REVIEW_VEHICLE_EDIT,
+                this.navigationScenarios.CLICKED_VEHICLE_EDIT,
                 this.$route
             );
         },
diff --git a/src/router/router-constants/navigation-scenarios.js b/src/router/router-constants/navigation-scenarios.js
index 012d327d7..4b61687cb 100644
--- a/src/router/router-constants/navigation-scenarios.js
+++ b/src/router/router-constants/navigation-scenarios.js
@@ -50,7 +50,7 @@ const navigationScenarios = {
     SELECTED_LOCATION: "SELECTED_LOCATION",
 
     // Review
-    REVIEW_VEHICLE_EDIT: "REVIEW_VEHICLE_EDIT",
+    CLICKED_VEHICLE_EDIT: "CLICKED_VEHICLE_EDIT",
 };
 
 export { navigationScenarios };
diff --git a/src/router/router-constants/routing-table.js b/src/router/router-constants/routing-table.js
index 4c6232bfc..0f2bfa355 100644
--- a/src/router/router-constants/routing-table.js
+++ b/src/router/router-constants/routing-table.js
@@ -439,7 +439,7 @@ const routingTable = function (store) {
             fmgPageValue: fmgPageValues.REVIEW,
             maps: [
                 {
-                    scenario: navigationScenarios.REVIEW_VEHICLE_EDIT,
+                    scenario: navigationScenarios.CLICKED_VEHICLE_EDIT,
                     destinationFmgPageValue: fmgPageValues.VEHICLE_YEAR,
                 },
             ],

From e6e55e7e3b642b1d48ba4db25cb48ed4a194eeb8 Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Tue, 6 Jun 2023 15:24:33 -0400
Subject: [PATCH 23/33] Initial blocking out

---
 .../damage-review/damage-review.spec.js       |  3 ++
 .../damage-review/damage-review.vue           | 33 +++++++++++++++++++
 src/layouts/review/review.vue                 |  7 ++++
 3 files changed, 43 insertions(+)
 create mode 100644 src/layouts/review/review-sections/damage-review/damage-review.spec.js
 create mode 100644 src/layouts/review/review-sections/damage-review/damage-review.vue

diff --git a/src/layouts/review/review-sections/damage-review/damage-review.spec.js b/src/layouts/review/review-sections/damage-review/damage-review.spec.js
new file mode 100644
index 000000000..ee5ec0816
--- /dev/null
+++ b/src/layouts/review/review-sections/damage-review/damage-review.spec.js
@@ -0,0 +1,3 @@
+describe("Damage Review Block", () => {
+    test.todo("Add more tests as specific functionality is added.");
+});
diff --git a/src/layouts/review/review-sections/damage-review/damage-review.vue b/src/layouts/review/review-sections/damage-review/damage-review.vue
new file mode 100644
index 000000000..b769b9489
--- /dev/null
+++ b/src/layouts/review/review-sections/damage-review/damage-review.vue
@@ -0,0 +1,33 @@
+<template>
+    <reviewBlock
+        :headerCmsWidgetName="cmsWidgetName"
+        :content="displayContent"
+        @edit-clicked="editClicked" />
+</template>
+
+<script>
+import reviewBlock from "@/layouts/review/review-block/review-block";
+
+export default {
+    name: "vehicle-review",
+    props: {
+        cmsWidgetName: String,
+    },
+    data() {
+        return {};
+    },
+    methods: {
+        editClicked() {
+            this.$emit("edit-clicked");
+        },
+    },
+    computed: {
+        displayContent() {
+            return ["Test"];
+        },
+    },
+    components: {
+        reviewBlock,
+    },
+};
+</script>
diff --git a/src/layouts/review/review.vue b/src/layouts/review/review.vue
index 3f7e45639..85491ad97 100644
--- a/src/layouts/review/review.vue
+++ b/src/layouts/review/review.vue
@@ -41,6 +41,10 @@
                     cmsWidgetName="VehicleReviewWidget"
                     :vehicle="vehicleInfo"
                     @edit-clicked="editVehicle" />
+
+                <hr class="my-0" />
+
+                <damageReview cmsWidgetName="DamageReviewWidget" @edit-clicked="editDamage" />
             </div>
 
             <hr class="my-0" />
@@ -60,6 +64,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 damageReview from "@/layouts/review/review-sections/damage-review/damage-review";
 
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
@@ -99,6 +104,7 @@ export default {
                 this.$route
             );
         },
+        editDamage() {},
     },
     computed: {
         subHeaderTitle() {
@@ -121,6 +127,7 @@ export default {
         buttonMain,
         textBlock,
         vehicleReview,
+        damageReview,
     },
 };
 </script>

From 8939a57a163a149d4fba824b8124ebdcfdbf9630 Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Tue, 6 Jun 2023 16:10:41 -0400
Subject: [PATCH 24/33] Fix component name

---
 .../review/review-sections/damage-review/damage-review.vue      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/review/review-sections/damage-review/damage-review.vue b/src/layouts/review/review-sections/damage-review/damage-review.vue
index b769b9489..667826f17 100644
--- a/src/layouts/review/review-sections/damage-review/damage-review.vue
+++ b/src/layouts/review/review-sections/damage-review/damage-review.vue
@@ -9,7 +9,7 @@
 import reviewBlock from "@/layouts/review/review-block/review-block";
 
 export default {
-    name: "vehicle-review",
+    name: "damage-review",
     props: {
         cmsWidgetName: String,
     },

From ea177efca953fc199b60fec5c27da6c7a0b3109c Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Tue, 6 Jun 2023 16:11:01 -0400
Subject: [PATCH 25/33] Pull damage information from store

---
 .../review-sections/damage-review/damage-review.vue      | 9 ++++++++-
 src/layouts/review/review.vue                            | 8 +++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/layouts/review/review-sections/damage-review/damage-review.vue b/src/layouts/review/review-sections/damage-review/damage-review.vue
index 667826f17..ea9422a26 100644
--- a/src/layouts/review/review-sections/damage-review/damage-review.vue
+++ b/src/layouts/review/review-sections/damage-review/damage-review.vue
@@ -12,6 +12,7 @@ export default {
     name: "damage-review",
     props: {
         cmsWidgetName: String,
+        damage: Object,
     },
     data() {
         return {};
@@ -23,7 +24,13 @@ export default {
     },
     computed: {
         displayContent() {
-            return ["Test"];
+            return [
+                this.damage.isRepair
+                    ? `Windshield repair - ${this.damage.numberOfChips} chip${
+                          this.damage.numberOfChips !== 1 ? "s" : ""
+                      }`
+                    : "Windshield Replace",
+            ];
         },
     },
     components: {
diff --git a/src/layouts/review/review.vue b/src/layouts/review/review.vue
index 85491ad97..a9a7e8e72 100644
--- a/src/layouts/review/review.vue
+++ b/src/layouts/review/review.vue
@@ -44,7 +44,10 @@
 
                 <hr class="my-0" />
 
-                <damageReview cmsWidgetName="DamageReviewWidget" @edit-clicked="editDamage" />
+                <damageReview
+                    cmsWidgetName="DamageReviewWidget"
+                    :damage="damageInfo"
+                    @edit-clicked="editDamage" />
             </div>
 
             <hr class="my-0" />
@@ -119,6 +122,9 @@ export default {
         vehicleInfo() {
             return this.$store.getters.vehicle;
         },
+        damageInfo() {
+            return this.$store.getters.damage;
+        },
     },
     components: {
         funnelHeader,

From 17a5325a7c7be4abb764feb987e433387d4cf37e Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Tue, 6 Jun 2023 16:33:44 -0400
Subject: [PATCH 26/33] Add edit action to navigate to vehicle-damage

---
 src/layouts/review/review.vue                       | 7 ++++++-
 src/router/router-constants/navigation-scenarios.js | 1 +
 src/router/router-constants/routing-table.js        | 4 ++++
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/layouts/review/review.vue b/src/layouts/review/review.vue
index a9a7e8e72..e3c173a02 100644
--- a/src/layouts/review/review.vue
+++ b/src/layouts/review/review.vue
@@ -107,7 +107,12 @@ export default {
                 this.$route
             );
         },
-        editDamage() {},
+        editDamage() {
+            this.$router.navigateWithoutSaving(
+                this.navigationScenarios.CLICKED_DAMAGE_EDIT,
+                this.$route
+            );
+        },
     },
     computed: {
         subHeaderTitle() {
diff --git a/src/router/router-constants/navigation-scenarios.js b/src/router/router-constants/navigation-scenarios.js
index 4b61687cb..2cbf5dd69 100644
--- a/src/router/router-constants/navigation-scenarios.js
+++ b/src/router/router-constants/navigation-scenarios.js
@@ -51,6 +51,7 @@ const navigationScenarios = {
 
     // Review
     CLICKED_VEHICLE_EDIT: "CLICKED_VEHICLE_EDIT",
+    CLICKED_DAMAGE_EDIT: "CLICKED_DAMAGE_EDIT",
 };
 
 export { navigationScenarios };
diff --git a/src/router/router-constants/routing-table.js b/src/router/router-constants/routing-table.js
index 0f2bfa355..14fcbbf8a 100644
--- a/src/router/router-constants/routing-table.js
+++ b/src/router/router-constants/routing-table.js
@@ -442,6 +442,10 @@ const routingTable = function (store) {
                     scenario: navigationScenarios.CLICKED_VEHICLE_EDIT,
                     destinationFmgPageValue: fmgPageValues.VEHICLE_YEAR,
                 },
+                {
+                    scenario: navigationScenarios.CLICKED_DAMAGE_EDIT,
+                    destinationFmgPageValue: fmgPageValues.VEHICLE_DAMAGE,
+                },
             ],
         },
     ];

From 793530788b80cde95d475915c48493fde48c5ad1 Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Wed, 7 Jun 2023 10:06:12 -0400
Subject: [PATCH 27/33] Add darker coloring for review-blocks

---
 src/digital-components/text-block/text-block.vue | 3 +++
 src/layouts/review/review-block/review-block.vue | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/digital-components/text-block/text-block.vue b/src/digital-components/text-block/text-block.vue
index 3a608f3a0..c6a899309 100644
--- a/src/digital-components/text-block/text-block.vue
+++ b/src/digital-components/text-block/text-block.vue
@@ -46,5 +46,8 @@ export default {
     &.bold {
         font-weight: 500;
     }
+    &.dark {
+        color: $black;
+    }
 }
 </style>
diff --git a/src/layouts/review/review-block/review-block.vue b/src/layouts/review/review-block/review-block.vue
index 128e488d7..0b1f913c3 100644
--- a/src/layouts/review/review-block/review-block.vue
+++ b/src/layouts/review/review-block/review-block.vue
@@ -3,7 +3,7 @@
         <div class="d-flex">
             <textBlock
                 :cmsWidgetName="headerCmsWidgetName"
-                typeStyle="body small bold"
+                typeStyle="body small bold dark"
                 margin="mt-0" />
             <textLink linkType="textSmall" text="Edit" class="ml-auto" @click-event="linkClicked" />
         </div>

From 78a1df30c20047dbd8301f5f1abaf14057c165a7 Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Wed, 7 Jun 2023 10:08:09 -0400
Subject: [PATCH 28/33] Slight change to terminology

---
 .../review/review-sections/damage-review/damage-review.vue      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/review/review-sections/damage-review/damage-review.vue b/src/layouts/review/review-sections/damage-review/damage-review.vue
index ea9422a26..f7db11554 100644
--- a/src/layouts/review/review-sections/damage-review/damage-review.vue
+++ b/src/layouts/review/review-sections/damage-review/damage-review.vue
@@ -29,7 +29,7 @@ export default {
                     ? `Windshield repair - ${this.damage.numberOfChips} chip${
                           this.damage.numberOfChips !== 1 ? "s" : ""
                       }`
-                    : "Windshield Replace",
+                    : "Windshield crack",
             ];
         },
     },

From 33af471b030c4bb9c130dcef0fe07ce83acd62cf Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Wed, 7 Jun 2023 10:30:02 -0400
Subject: [PATCH 29/33] Implement unit tests

---
 .../damage-review/damage-review.spec.js       | 71 ++++++++++++++++++-
 1 file changed, 70 insertions(+), 1 deletion(-)

diff --git a/src/layouts/review/review-sections/damage-review/damage-review.spec.js b/src/layouts/review/review-sections/damage-review/damage-review.spec.js
index ee5ec0816..a6dbe6f2d 100644
--- a/src/layouts/review/review-sections/damage-review/damage-review.spec.js
+++ b/src/layouts/review/review-sections/damage-review/damage-review.spec.js
@@ -1,3 +1,72 @@
+import { shallowMount } from "@vue/test-utils";
+import { getMountOptions } from "@/helpers/unit-test-helper.js";
+import damageReview from "@/layouts/review/review-sections/damage-review/damage-review";
+
+jest.mock("@/helpers/cms-content-helper", () => ({
+    fetchCmsContentForPage: () => Promise.resolve("content"),
+}));
+
 describe("Damage Review Block", () => {
-    test.todo("Add more tests as specific functionality is added.");
+    describe("Correctly assembles damage info into a display string", () => {
+        test("Basic Replace", async () => {
+            // Arrange
+            const { wrapper } = setupMocks({
+                propsData: {
+                    damage: {
+                        isRepair: false,
+                    },
+                },
+            });
+
+            // Act
+            await wrapper.vm.$nextTick();
+
+            // Assert
+            expect(wrapper.vm.displayContent).toStrictEqual(["Windshield crack"]);
+        });
+
+        test("Basic Repair", async () => {
+            // Arrange
+            const { wrapper } = setupMocks({
+                propsData: {
+                    damage: {
+                        isRepair: true,
+                        numberOfChips: 2,
+                    },
+                },
+            });
+
+            // Act
+            await wrapper.vm.$nextTick();
+
+            // Assert
+            expect(wrapper.vm.displayContent).toStrictEqual(["Windshield repair - 2 chips"]);
+        });
+
+        test("Basic Repair - no s with 1 chip", async () => {
+            // Arrange
+            const { wrapper } = setupMocks({
+                propsData: {
+                    damage: {
+                        isRepair: true,
+                        numberOfChips: 1,
+                    },
+                },
+            });
+
+            // Act
+            await wrapper.vm.$nextTick();
+
+            // Assert
+            expect(wrapper.vm.displayContent).toStrictEqual(["Windshield repair - 1 chip"]);
+        });
+    });
 });
+
+function setupMocks(customMountOptions) {
+    const mountOptions = getMountOptions(customMountOptions);
+
+    const wrapper = shallowMount(damageReview, mountOptions);
+    wrapper.vm.setCmsContent = jest.fn();
+    return { wrapper };
+}

From e40b931aea099ac5aa33e064788c231facd86b99 Mon Sep 17 00:00:00 2001
From: sheena <sheena.sukumaran@safelite.com>
Date: Thu, 8 Jun 2023 19:48:55 +0530
Subject: [PATCH 30/33] SSR-1321

Updated the changes
Removed padding-height functionality
---
 .../button-question/button-question.vue          |  4 ++--
 src/digital-components/modal/modal.vue           |  3 +--
 .../funnel-footer/funnel-footer.vue              | 16 ++--------------
 src/layouts/estimate/estimate.vue                |  5 +----
 src/layouts/quote/quote.vue                      |  5 +++++
 5 files changed, 11 insertions(+), 22 deletions(-)

diff --git a/src/digital-components/button-question/button-question.vue b/src/digital-components/button-question/button-question.vue
index a344286ef..12586283d 100644
--- a/src/digital-components/button-question/button-question.vue
+++ b/src/digital-components/button-question/button-question.vue
@@ -72,7 +72,7 @@ https://safelite.atlassian.net/wiki/spaces/DC/pages/76644418/Button+Question+Com
                 </div>
             </fieldset>
         </div>
-        <div class="row form-test-error mt-1">
+        <div class="row form-test-error">
             <error-message
                 class="small"
                 :name="formatString(groupName)"
@@ -189,7 +189,7 @@ export default {
                     classes = "d-flex flex-row p-0";
                     break;
                 case "listCard":
-                    classes = "row g-2 justify-content-center";
+                    classes = "row g-2 justify-content-center mb-1";
                     if (this.isWide) {
                         classes += " flex-column";
                     }
diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index e1f3fb462..0816e0476 100644
--- a/src/digital-components/modal/modal.vue
+++ b/src/digital-components/modal/modal.vue
@@ -163,8 +163,7 @@ export default {
         }
         .modal-footer {
             border-top: none;
-            background-color: $gray-100;
-            box-shadow: 0px -1px 0px rgba(179, 180, 181, 0.3);
+            
             button {
                 margin: 0;
             }
diff --git a/src/fmg-components/funnel-footer/funnel-footer.vue b/src/fmg-components/funnel-footer/funnel-footer.vue
index c564e7706..b49ec7543 100644
--- a/src/fmg-components/funnel-footer/funnel-footer.vue
+++ b/src/fmg-components/funnel-footer/funnel-footer.vue
@@ -46,19 +46,10 @@ export default {
     },
     data() {
         return {
-            paddingHeight: 0,
             customButtontext: "",
         };
     },
-    mounted() {
-        this.paddingHeight = this.getFooterInfoBoxHeight() + 24;
-        this.$nextTick(() => {
-            window.addEventListener("resize", this.onResize);
-        });
-    },
-    beforeUnmount() {
-        window.removeEventListener("resize", this.onResize);
-    },
+    
     unmounted() {
         document.onkeydown = null;
     },
@@ -72,10 +63,7 @@ export default {
                 : this.getCmsContent(this.cmsWidgetName, "ForwardButtonText");
         },
     },
-    methods: {
-        onResize() {
-            this.paddingHeight = this.getFooterInfoBoxHeight();
-        },
+    methods: {        
         updateButtonText(newText) {
             this.customButtontext = newText;
         },
diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index 0665ffaa9..846b54968 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -12,7 +12,6 @@
                         cmsWidgetName="AlertVinLookupQuestion"
                         alertClass="" />
                     <buttonQuestion
-                        class="minus"
                         cmsWidgetName="VinLookupMethod"
                         :answers="answersFromCms"
                         groupName="vinLookupMethodOption"
@@ -360,7 +359,5 @@ export default {
     font-weight: 500;
     color: $black;
 }
-.minus {
-    margin-bottom: -4px;
-}
+
 </style>
diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index 06b8ecb9a..38123535e 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -235,3 +235,8 @@ export default {
     },
 };
 </script>
+<style scoped>
+.text-block{
+    display:block;
+}
+</style>

From 89d45bbc64c78ddc9699ee39b028d3f5bad2ceb9 Mon Sep 17 00:00:00 2001
From: sheena <sheena.sukumaran@safelite.com>
Date: Thu, 8 Jun 2023 19:56:17 +0530
Subject: [PATCH 31/33] ssr-1321

---
 src/digital-components/modal/modal.vue             | 2 +-
 src/fmg-components/funnel-footer/funnel-footer.vue | 4 ++--
 src/layouts/estimate/estimate.vue                  | 1 -
 src/layouts/quote/quote.vue                        | 4 ++--
 4 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index 0816e0476..b02a25103 100644
--- a/src/digital-components/modal/modal.vue
+++ b/src/digital-components/modal/modal.vue
@@ -163,7 +163,7 @@ export default {
         }
         .modal-footer {
             border-top: none;
-            
+
             button {
                 margin: 0;
             }
diff --git a/src/fmg-components/funnel-footer/funnel-footer.vue b/src/fmg-components/funnel-footer/funnel-footer.vue
index b49ec7543..c036f8d0a 100644
--- a/src/fmg-components/funnel-footer/funnel-footer.vue
+++ b/src/fmg-components/funnel-footer/funnel-footer.vue
@@ -49,7 +49,7 @@ export default {
             customButtontext: "",
         };
     },
-    
+
     unmounted() {
         document.onkeydown = null;
     },
@@ -63,7 +63,7 @@ export default {
                 : this.getCmsContent(this.cmsWidgetName, "ForwardButtonText");
         },
     },
-    methods: {        
+    methods: {
         updateButtonText(newText) {
             this.customButtontext = newText;
         },
diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index 846b54968..1ca0c9d48 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -359,5 +359,4 @@ export default {
     font-weight: 500;
     color: $black;
 }
-
 </style>
diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index 38123535e..313e6f5bd 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -236,7 +236,7 @@ export default {
 };
 </script>
 <style scoped>
-.text-block{
-    display:block;
+.text-block {
+    display: block;
 }
 </style>

From 0189c5c2c642539d41d39d78c42faa56805f8428 Mon Sep 17 00:00:00 2001
From: sheena <sheena.sukumaran@safelite.com>
Date: Thu, 15 Jun 2023 19:00:03 +0530
Subject: [PATCH 32/33] CSR-1457-Defect card for CSR-1321

fixed the overlapping issue in schedule page
---
 src/digital-components/date-picker/date-picker.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/digital-components/date-picker/date-picker.vue b/src/digital-components/date-picker/date-picker.vue
index bc7a51611..a2b8c6e9f 100644
--- a/src/digital-components/date-picker/date-picker.vue
+++ b/src/digital-components/date-picker/date-picker.vue
@@ -809,7 +809,7 @@ export default {
         text-underline-offset: 4px;
         box-shadow: none !important; // TODO: FIX THIS
         position: absolute;
-        top: 95.4%;
+        bottom: 0;
     }
 
     .past {

From 13b7dc13c1484d3d0896877e6256f42513811123 Mon Sep 17 00:00:00 2001
From: Mark Harris <mark.harris@safelite.com>
Date: Mon, 19 Jun 2023 11:40:00 -0400
Subject: [PATCH 33/33] fixed merge issue

---
 src/router/index.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/router/index.js b/src/router/index.js
index 9fa4a1d00..27222ab08 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -30,12 +30,12 @@ import { applicationConfig } from "../constants/application-config";
 
 import review from "@/layouts/review/review";
 const routes = [
-    {
-    },
     {
         path: "/review", // This is a temporary route for testing.
         name: "review",
         component: review,
+    },
+    {
         path: "/",
         name: "root",
         async beforeEnter(to, from, next) {