From da5c3b352975916f2eecd7cc6e08a9bf725df408 Mon Sep 17 00:00:00 2001
From: SeanHsieh <t4612310@gmail.com>
Date: Tue, 25 Jul 2023 17:02:32 +0800
Subject: [PATCH] move icon path to config

---
 components/venue/VenueDriveTab.vue            | 22 +--------
 .../venue/VenuePublicTransporterTab.vue       | 26 +----------
 components/venue/config/venueIconConfig.js    | 45 +++++++++++++++++++
 3 files changed, 49 insertions(+), 44 deletions(-)
 create mode 100644 components/venue/config/venueIconConfig.js

diff --git a/components/venue/VenueDriveTab.vue b/components/venue/VenueDriveTab.vue
index 4eb9fb726e..4e75f6358f 100644
--- a/components/venue/VenueDriveTab.vue
+++ b/components/venue/VenueDriveTab.vue
@@ -112,6 +112,7 @@
 <script>
 import i18n from '@/i18n/venue/index.i18n'
 import VenueDivision from './VenueDivision.vue'
+import { venueDriveIconConfig } from './config/venueIconConfig'
 export default {
     i18n,
     name: 'VenueDriveTab',
@@ -135,26 +136,7 @@ export default {
     },
     computed: {
         icon() {
-            if (this.$i18n.locale === 'en-us') {
-                return {
-                    car: require('~/static/img/venue/car.svg'),
-                    carWhite: require('~/static/img/venue/car-white.svg'),
-                    motorWhite: require('~/static/img/venue/motor-white.svg'),
-                    parking: require('~/static/img/venue/parking.svg'),
-                    parkingPink: require('~/static/img/venue/parking-pink.svg'),
-                    venueDestination: require('~/static/img/venue/en-us/venue-destination.svg'),
-                    venueDestinationMd: require('~/static/img/venue/en-us/venue-destination-md.svg'),
-                }
-            }
-            return {
-                car: require('~/static/img/venue/car.svg'),
-                carWhite: require('~/static/img/venue/car-white.svg'),
-                motorWhite: require('~/static/img/venue/motor-white.svg'),
-                parking: require('~/static/img/venue/parking.svg'),
-                parkingPink: require('~/static/img/venue/parking-pink.svg'),
-                venueDestination: require('~/static/img/venue/venue-destination.svg'),
-                venueDestinationMd: require('~/static/img/venue/venue-destination-md.svg'),
-            }
+            return venueDriveIconConfig[this.$i18n.locale]
         },
     },
 }
diff --git a/components/venue/VenuePublicTransporterTab.vue b/components/venue/VenuePublicTransporterTab.vue
index fb08e9f479..ff796dd62f 100644
--- a/components/venue/VenuePublicTransporterTab.vue
+++ b/components/venue/VenuePublicTransporterTab.vue
@@ -184,6 +184,7 @@
 <script>
 import i18n from '@/i18n/venue/index.i18n'
 import VenueDivision from './VenueDivision.vue'
+import { venuePublicTransportIconConfig } from './config/venueIconConfig'
 
 export default {
     i18n,
@@ -243,30 +244,7 @@ export default {
 
     computed: {
         icon() {
-            if (this.$i18n.locale === 'en-us') {
-                return {
-                    carWhite: require('~/static/img/venue/car-white.svg'),
-                    busWhite: require('~/static/img/venue/bus-white.svg'),
-                    publicTransporterGuide: require('~/static/img/venue/en-us/publicTransporterGuide.svg'),
-                    publicTransporterGuideMd: require('~/static/img/venue/en-us/publicTransporterGuide-md.svg'),
-                    taxiWhite: require('~/static/img/venue/taxi-white.svg'),
-                    transporterWhite: require('~/static/img/venue/transporter-white.svg'),
-                    uBike: require('~/static/img/venue/uBike.svg'),
-                    parking: require('~/static/img/venue/parking.svg'),
-                    airplane: require('~/static/img/venue/airplane.svg'),
-                }
-            }
-            return {
-                carWhite: require('~/static/img/venue/car-white.svg'),
-                busWhite: require('~/static/img/venue/bus-white.svg'),
-                publicTransporterGuide: require('~/static/img/venue/publicTransporterGuide.svg'),
-                publicTransporterGuideMd: require('~/static/img/venue/publicTransporterGuide-md.svg'),
-                taxiWhite: require('~/static/img/venue/taxi-white.svg'),
-                transporterWhite: require('~/static/img/venue/transporter-white.svg'),
-                uBike: require('~/static/img/venue/uBike.svg'),
-                parking: require('~/static/img/venue/parking.svg'),
-                airplane: require('~/static/img/venue/airplane.svg'),
-            }
+            return venuePublicTransportIconConfig[this.$i18n.locale]
         },
     },
 }
diff --git a/components/venue/config/venueIconConfig.js b/components/venue/config/venueIconConfig.js
new file mode 100644
index 0000000000..0a181ff8f5
--- /dev/null
+++ b/components/venue/config/venueIconConfig.js
@@ -0,0 +1,45 @@
+export const venueDriveIconConfig = {
+    'en-us': {
+        car: require('~/static/img/venue/car.svg'),
+        carWhite: require('~/static/img/venue/car-white.svg'),
+        motorWhite: require('~/static/img/venue/motor-white.svg'),
+        parking: require('~/static/img/venue/parking.svg'),
+        parkingPink: require('~/static/img/venue/parking-pink.svg'),
+        venueDestination: require('~/static/img/venue/en-us/venue-destination.svg'),
+        venueDestinationMd: require('~/static/img/venue/en-us/venue-destination-md.svg'),
+    },
+    'zh-hant': {
+        car: require('~/static/img/venue/car.svg'),
+        carWhite: require('~/static/img/venue/car-white.svg'),
+        motorWhite: require('~/static/img/venue/motor-white.svg'),
+        parking: require('~/static/img/venue/parking.svg'),
+        parkingPink: require('~/static/img/venue/parking-pink.svg'),
+        venueDestination: require('~/static/img/venue/venue-destination.svg'),
+        venueDestinationMd: require('~/static/img/venue/venue-destination-md.svg'),
+    },
+}
+
+export const venuePublicTransportIconConfig = {
+    'en-us': {
+        carWhite: require('~/static/img/venue/car-white.svg'),
+        busWhite: require('~/static/img/venue/bus-white.svg'),
+        publicTransporterGuide: require('~/static/img/venue/en-us/publicTransporterGuide.svg'),
+        publicTransporterGuideMd: require('~/static/img/venue/en-us/publicTransporterGuide-md.svg'),
+        taxiWhite: require('~/static/img/venue/taxi-white.svg'),
+        transporterWhite: require('~/static/img/venue/transporter-white.svg'),
+        uBike: require('~/static/img/venue/uBike.svg'),
+        parking: require('~/static/img/venue/parking.svg'),
+        airplane: require('~/static/img/venue/airplane.svg'),
+    },
+    'zh-hant': {
+        carWhite: require('~/static/img/venue/car-white.svg'),
+        busWhite: require('~/static/img/venue/bus-white.svg'),
+        publicTransporterGuide: require('~/static/img/venue/publicTransporterGuide.svg'),
+        publicTransporterGuideMd: require('~/static/img/venue/publicTransporterGuide-md.svg'),
+        taxiWhite: require('~/static/img/venue/taxi-white.svg'),
+        transporterWhite: require('~/static/img/venue/transporter-white.svg'),
+        uBike: require('~/static/img/venue/uBike.svg'),
+        parking: require('~/static/img/venue/parking.svg'),
+        airplane: require('~/static/img/venue/airplane.svg'),
+    },
+}