diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue index f6c3b5ecb..27be92781 100644 --- a/src/layouts/vin-lookup/vin-lookup.vue +++ b/src/layouts/vin-lookup/vin-lookup.vue @@ -192,12 +192,17 @@ export default { vinPopulatedOnPageLoad: this.getVinFromStore()?.length > 0, }; }, + watch: { + vin() { + this.$refs.funnelFooter.updateButtonText( + this.getCmsContent("FunnelFooterWidget", "ForwardButtonText") + ); + } + }, computed: { perfectMatchNewVinAlert() { const isVinPerfectMatch = this.vinPopulatedOnPageLoad && this.vin === this.getVinFromStore(); - if (isVinPerfectMatch) { - this.isCarIdDifferent = false; - } + this.updateIsCarIdDifferent(isVinPerfectMatch); return isVinPerfectMatch; }, MatchedDifferentVehicleAlertHeader(){ @@ -269,6 +274,11 @@ export default { ); }); }, + updateIsCarIdDifferent(isVinPerfectMatch){ + if (isVinPerfectMatch) { + this.isCarIdDifferent = false; + } + }, backButtonAction() { if (store.getters.vehicle.vin) { this.$router.navigate(this.navigationScenarios.CLICKED_BACK_WITH_VIN, this.$route); diff --git a/src/ux-components/alert/alert.vue b/src/ux-components/alert/alert.vue index 8170a69a6..faff0861c 100644 --- a/src/ux-components/alert/alert.vue +++ b/src/ux-components/alert/alert.vue @@ -5,15 +5,17 @@ :class="[isDismissible ? 'alert-dismissible' : '', this.alertClass]" >
{{ alertHeadline }}
-
-
-
-
+
+
+
+