Fixed: wrong button getting displayed in case of unmatched product (#528)

Author: amansinghbais

src/views/HardCountDetail.vue

@@ -40,7 +40,7 @@
 
         <!--Product details-->
         <main :class="itemsList?.length ? 'product-detail' : ''">
-          <template v-if="itemsList?.length">
+          <template v-if="itemsList?.length && Object.keys(currentProduct)?.length">
             <div class="product" @scroll="onScroll">
               <div class="image ion-padding-top" v-for="item in itemsList" :key="item.importItemSeqId || item.scannedId" :data-product-id="item.productId" :data-seq="item.importItemSeqId" :id="isItemAlreadyAdded(item) ? `${item.productId}-${item.importItemSeqId}` :  item.scannedId" :data-isMatching="item.isMatching" :data-scanned-id="item.scannedId">
                 <Image :src="getProduct(item.productId)?.mainImageUrl" />

src/views/ProductItemList.vue

@@ -70,6 +70,8 @@ async function navigateToDetail(item: any) {
     const element = document.getElementById(isItemAlreadyAdded(item) ? `${item.productId}-${item.importItemSeqId}` : item.scannedId);
     if (element) {
       element.scrollIntoView({ behavior: 'smooth' });
+    } else {
+      store.dispatch("product/currentProduct", item);
     }
   }, 0);
 }