diff --git a/src/constants/tint-mapper.js b/src/constants/tint-mapper.js index 87b5e145..91fbd57b 100644 --- a/src/constants/tint-mapper.js +++ b/src/constants/tint-mapper.js @@ -32,6 +32,8 @@ const tintMap = Object.freeze({ { name: 'gray tint', src: 'Glass-NoShade-GrayTint.svg' }, { name: 'green tint', src: 'Glass-NoShade-GreenTint.svg' }, { name: 'gray tint privacy', src: 'Glass-NoShade-GrayTint.svg' }, + { name: 'blue tint', src: 'Glass-NoShade-BlueTint.svg' }, + { name: 'green tint privacy', src: 'Glass-NoShade-GreenTint.svg' }, // No shade or tint { name: 'clear', src: 'Glass-NoShade-NoTint.svg' } 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 48f8039c..0fe2bec3 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 @@ -102,10 +102,11 @@ export default { const tintOptions = []; Object.keys(this.featureListData).forEach((tintOption) => { + const buttonImage = this.getTintSourceImage(this.glassLocation, tintOption); tintOptions.push({ value: tintOption, buttonLabel: tintOption, - buttonImage: require(`@/assets/img/tints/${this.getTintSourceImage(this.glassLocation, tintOption)}`) + buttonImage: buttonImage ? require(`@/assets/img/tints/${buttonImage}`) : null }); }); diff --git a/src/ux-components/list-card/list-card.vue b/src/ux-components/list-card/list-card.vue index f222696b..0627d39c 100644 --- a/src/ux-components/list-card/list-card.vue +++ b/src/ux-components/list-card/list-card.vue @@ -10,6 +10,7 @@ class="d-flex w-100 align-items-center px-2 h-100 list-card-content button-content rounded-3" :class="labelClasses">