diff --git a/src/assets/img/tints/Glass-NoShade-GreenTint-Privacy.svg b/src/assets/img/tints/Glass-NoShade-GreenTint-Privacy.svg
deleted file mode 100644
index fecc16e63..000000000
--- a/src/assets/img/tints/Glass-NoShade-GreenTint-Privacy.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/src/assets/img/tints/Glass-NoShade-GreenTint.svg b/src/assets/img/tints/Glass-NoShade-GreenTint.svg
index cdf96aa3d..5f5b99de0 100644
--- a/src/assets/img/tints/Glass-NoShade-GreenTint.svg
+++ b/src/assets/img/tints/Glass-NoShade-GreenTint.svg
@@ -1 +1,3 @@
-
\ No newline at end of file
+
diff --git a/src/constants/tint-mapper.js b/src/constants/tint-mapper.js
index e5d1a3b30..519de0855 100644
--- a/src/constants/tint-mapper.js
+++ b/src/constants/tint-mapper.js
@@ -33,7 +33,6 @@ const tintMap = {
{ 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-Privacy.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 25a73e112..280edfc6c 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
@@ -95,19 +95,14 @@ export default {
},
tintSelectionOptions() {
- let tintOptions = [];
-
- Object.keys(this.featureListData).forEach((tintOption) => {
- tintOptions.push({
+ const tintOptions = Object.keys(this.featureListData).map((tintOption) => {
+ const buttonImage = this.getTintSourceImage(this.glassLocation, tintOption);
+ return {
value: tintOption,
buttonLabel: tintOption,
- buttonImage: require(`@/assets/img/tints/${this.getTintSourceImage(
- this.glassLocation,
- tintOption
- )}`),
- });
+ buttonImage: buttonImage ? require(`@/assets/img/tints/${buttonImage}`) : null,
+ };
});
-
return tintOptions;
},
diff --git a/src/ux-components/list-card/list-card.vue b/src/ux-components/list-card/list-card.vue
index 902baa1e1..ffdf4efc0 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">
![]()