From 9e4d244c14cd9816928143e7456e60b684ac55d3 Mon Sep 17 00:00:00 2001
From: Katie <katie.oh@safelite.com>
Date: Tue, 20 Sep 2022 14:22:05 -0400
Subject: [PATCH] CSR-762 Back glass

---
 src/layouts/vehicle-damage/vehicle-damage.vue | 27 +++++++++++--------
 src/ux-components/button-main/button-main.vue |  2 +-
 2 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/src/layouts/vehicle-damage/vehicle-damage.vue b/src/layouts/vehicle-damage/vehicle-damage.vue
index bd766816d..9a3a4eed5 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.vue
+++ b/src/layouts/vehicle-damage/vehicle-damage.vue
@@ -1,6 +1,6 @@
 <template>
     <Form
-      @submit.prevent="onSubmit"
+      @submit="onSubmit"
       @invalid-submit="onInvalidSubmit"
       ref="theForm"
       v-slot="{ meta }"
@@ -269,13 +269,18 @@ export default {
     },
 
     getRearReplaceOptionsFromStore(){
-      var rearReplaceOptions = [];
+      var rearReplaceOptions = store.getters.damage.glassToReplace?.filter(glass => glass.glassLocation === damageLocationsSelected.REAR)[0]?.glassName;
 
-      store.getters.damage.glassToReplace?.forEach(glass => {
-        if (glass.glassLocation === damageLocationsSelected.REAR){
-          rearReplaceOptions.push(glass.glassName);
-        }
-      });
+      // store.getters.damage.glassToReplace?.forEach(glass => {
+      //   if (glass.glassLocation === damageLocationsSelected.REAR){
+      //     rearReplaceOptions.push(glass.glassName);
+      //   }
+      // });
+
+      console.log({
+        glassToReplace: store.getters.damage.glassToReplace,
+        rearReplaceOptions: rearReplaceOptions
+      })
 
       return rearReplaceOptions;
     },
@@ -293,7 +298,6 @@ export default {
     },
 
     navigateForward(){
-
       // If vin already exists, navigate directly to vin-lookup
       if(store.getters.vehicle.vin) {
         this.$router.navigateWithSaving(this.navigationScenarios.CLICKED_FORWARD_WITH_VIN, this.$route);
@@ -324,9 +328,10 @@ export default {
       }
 
       if (this.isRearWindowDamageLocation) {
-          this.selectedRearReplaceOptions.forEach(rearItem => {
-            selectedGlassToReplace.push({ glassLocation: damageLocationsSelected.REAR, glassName: rearItem});
-          })
+        console.log({
+          selectedRearReplaceOptions: this.selectedRearReplaceOptions
+        })
+        selectedGlassToReplace.push({ glassLocation: damageLocationsSelected.REAR, glassName: this.selectedRearReplaceOptions});
       }
 
       return selectedGlassToReplace;
diff --git a/src/ux-components/button-main/button-main.vue b/src/ux-components/button-main/button-main.vue
index 8396351f8..37f0f768b 100644
--- a/src/ux-components/button-main/button-main.vue
+++ b/src/ux-components/button-main/button-main.vue
@@ -3,7 +3,7 @@
     :aria-disabled="isDisabled"
     class="btn d-flex align-items-center py-3 px-4 delay"
     :class="[isPrimary ? 'btn-primary' : 'btn-secondary',isFloat ? 'float-end' : '', isLoaderDisplayed ? 'has-loader' : '']"
-    @click="clicked()"
+    @click="clicked"
   >
     <span class="m-0">{{ this.buttonText }}</span>
     <loader