Improved: used nextTick instead of timeOut in segment change for obse…

…rver (hotwax#606)

src/views/CountDetail.vue

@@ -241,7 +241,7 @@ import {
 } from '@ionic/vue';
 import { chevronDownOutline, chevronUpOutline, closeOutline } from "ionicons/icons";
 import { translate } from '@/i18n'
-import { computed, defineProps, ref } from 'vue';
+import { computed, defineProps, nextTick, ref } from 'vue';
 import { useStore } from "@/store";
 import { hasError } from '@/utils'
 import logger from '@/logger'
@@ -428,7 +428,7 @@ async function scanProduct() {
   queryString.value = ""
 }
 
-function updateFilteredItems() {
+async function updateFilteredItems() {
   if (itemsList.value.length > 0) {
     // As we want to get the index of the product, if we directly store the product in the updatedProduct variable it does not return the index
     // as both the object becomes different because of the reference, so if we have a product, then first finding it in the filtered list to have a common reference and then getting the index
@@ -441,7 +441,8 @@ function updateFilteredItems() {
   } else {
     store.dispatch("product/currentProduct", {});
   }
-  setTimeout(() => { initializeObserver() }, 500);
+  await nextTick();
+  initializeObserver()
 }
 
 function initializeObserver() {

src/views/HardCountDetail.vue

@@ -208,7 +208,7 @@ import {
 } from "@ionic/vue";
 import { chevronDownOutline, chevronUpOutline, cloudOfflineOutline, paperPlaneOutline, trashOutline } from "ionicons/icons";
 import { translate } from "@/i18n";
-import { computed, defineProps, ref } from "vue";
+import { computed, defineProps, nextTick, ref } from "vue";
 import { useStore } from "@/store";
 import logger from "@/logger";
 import emitter from "@/event-bus";
@@ -315,7 +315,7 @@ async function fetchCycleCount() {
   }
 }
 
-function handleSegmentChange() {
+async function handleSegmentChange() {
   if(itemsList.value.length) {
     let updatedProduct = Object.keys(currentProduct.value)?.length ? itemsList.value.find((item: any) => isItemAlreadyAdded(item) ? (item.productId === currentProduct.value.productId && item.importItemSeqId === currentProduct.value.importItemSeqId) : (item.scannedId === currentProduct.value.scannedId)) : itemsList.value[0]
     if(!updatedProduct) {
@@ -327,7 +327,8 @@ function handleSegmentChange() {
   }
   inputCount.value = ""
   selectedCountUpdateType.value = defaultRecountUpdateBehaviour.value
-  setTimeout(() => { initializeObserver() }, 500);
+  await nextTick();
+  initializeObserver()
 }
 
 async function changeProduct(direction: string) {