diff --git a/src/layouts/address-vehicles/address-vehicles.vue b/src/layouts/address-vehicles/address-vehicles.vue
index 59f1d903..2d22b2d0 100644
--- a/src/layouts/address-vehicles/address-vehicles.vue
+++ b/src/layouts/address-vehicles/address-vehicles.vue
@@ -20,7 +20,18 @@
:manualHeadline="AlertFoundMultipleVehiclesHeader"
manualCopy=""
v-bind:isDismissible="false"
- id="multiple-vehicles-alert"
+ id="address-vehicles-alert"
+ />
+
{
- this.$refs.siteFooter.removeLoader();
- });
+ const vinLookup = await useMainStore()
+ .lookupVehicleByVin(this.selectedVehicle.vin)
+ .catch(() => {
+ this.$refs.siteFooter.removeLoader();
+ });
if (!vinLookup) {
return;
}
this.isSelectedGlassAvailableForVehicle = await isGlassAvailableForCarId(
vinLookup.data.carId
);
- await useMainStore().saveVin({
+ await useMainStore().saveVin(
+ {
vehicleInfo: Object.assign(this.selectedVehicle.vehicle, {
vin: this.selectedVehicle.vin,
}),
@@ -205,14 +235,14 @@ export default {
return await this.navigateForward();
},
async navigateForward() {
- // If the vehicle selected on this page is different from the one originally entered and the selected glass is not available
+ // If the vehicle selected on this page is different from the one originally entered and the selected glass is not available
// for that vehicle, then navigate back to "vehicle-damage" and display vehicle changed alert on that page.
if (this.isCarIdDifferent && !this.isSelectedGlassAvailableForVehicle) {
this.$router.navigate(
this.navigationScenarios.SELECTED_VIN_WITH_MISMATCHED_GLASS,
this.$route,
{},
- { [routerParams.DISPLAY_VEHICLE_CHANGE_ALERT]: true },
+ { [routerParams.DISPLAY_VEHICLE_CHANGE_ALERT]: true }
);
} else {
await this.navigateForwardWithSingleCarMatch();
@@ -252,16 +282,15 @@ export default {
\ No newline at end of file