move icon path to config

pycontw · Jul 25, 2023 · da5c3b3 · da5c3b3
1 parent 14db116
commit da5c3b3
Show file tree

Hide file tree

Showing 3 changed files with 49 additions and 44 deletions.
diff --git 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
@@ -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
@@ -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'),
+    },
+}