Improved: Updated @ionChange handler to use ($event.detail.value) ins…

…tead of $event(hotwax#193)
R-Sourabh · Oct 21, 2024 · a920ed6 · a920ed6
1 parent d57b1d9
commit a920ed6
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/DxpProductStoreSelector.vue b/src/components/DxpProductStoreSelector.vue
@@ -14,7 +14,7 @@
     </ion-card-content>
 
     <ion-item lines="none">
-      <ion-select :label="$t('Select store')" interface="popover" :placeholder="$t('store name')" :value="currentEComStore?.productStoreId" @ionChange="updateEComStore($event)">
+      <ion-select :label="$t('Select store')" interface="popover" :placeholder="$t('store name')" :value="currentEComStore?.productStoreId" @ionChange="updateEComStore($event.target.value)">
         <ion-select-option v-for="store in (eComStores ? eComStores : [])" :key="store.productStoreId" :value="store.productStoreId">{{ store.storeName }}</ion-select-option>
       </ion-select>
     </ion-item>
@@ -32,9 +32,9 @@ const emit = defineEmits(["updateEcomStore"])
 const eComStores = computed(() => userStore.getProductStores); 
 const currentEComStore = computed(() => userStore.getCurrentEComStore);
 
-async function updateEComStore(event: any) {
-  if (event.target.value && currentEComStore.value?.productStoreId !== event.detail.value) {
-    const selectedProductStore = eComStores.value.find((store: any) => store.productStoreId == event.detail.value)
+async function updateEComStore(eComStoreId: any) {
+  if (eComStoreId && currentEComStore.value?.productStoreId !== eComStoreId) {
+    const selectedProductStore = eComStores.value.find((store: any) => store.productStoreId == eComStoreId)
     await userStore.setEComStorePreference(selectedProductStore)
     emit('updateEcomStore', selectedProductStore)
   }