From 3ed3917b2a019941aa51f4990aac2da64b17d4dc Mon Sep 17 00:00:00 2001
From: Nirvan-Bobde30 <nirvan.bobde@hotwax.co>
Date: Fri, 28 Nov 2025 12:52:51 +0530
Subject: [PATCH 1/2] Fixed : added empty states and reset mapping chip after
 file is re-uploaded (#307)

---
 src/components/PurchaseOrderDetail.vue | 5 ++++-
 src/locales/en.json                    | 1 +
 src/views/PurchaseOrder.vue            | 6 ++++++
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/PurchaseOrderDetail.vue b/src/components/PurchaseOrderDetail.vue
index 0e1a379a..39b16f9f 100644
--- a/src/components/PurchaseOrderDetail.vue
+++ b/src/components/PurchaseOrderDetail.vue
@@ -1,5 +1,8 @@
 <template> 
-  <div v-for="(poItems, index) in itemsByPoId" :key="index">
+  <div v-if="!itemsByPoId ||  Object.keys(itemsByPoId).length === 0" class="empty-state ion-margin-top">
+    {{ translate("No purchase orders found") }}
+  </div>
+  <div v-else v-for="(poItems, index) in itemsByPoId" :key="index">
     <ion-item lines="none">
       <h3>{{ index }}</h3>
     </ion-item>
diff --git a/src/locales/en.json b/src/locales/en.json
index ad62190b..8f30e641 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -147,6 +147,7 @@
   "No logs found": "No logs found",
   "No product found": "No product found",
   "No products found": "No products found",
+  "No purchase orders found": "No purchase orders found",
   "No results found": "No results found",
   "No time zone found": "No time zone found",
   "No shop selected": "No shop selected",
diff --git a/src/views/PurchaseOrder.vue b/src/views/PurchaseOrder.vue
index baf70ef5..06607b83 100644
--- a/src/views/PurchaseOrder.vue
+++ b/src/views/PurchaseOrder.vue
@@ -113,6 +113,11 @@ export default defineComponent({
         try {
           if (file) {
             this.file = file;
+            this.selectedMappingId = "";
+            this.fieldMapping = Object.keys(this.fields).reduce((map, field) => {
+              map[field] = "";
+              return map;
+            }, {});
             this.content = await this.parseCsv(this.file);
             this.fileColumns = Object.keys(this.content[0]);
             showToast(translate("File uploaded successfully"));
@@ -121,6 +126,7 @@ export default defineComponent({
           }
         } catch {
           this.content = []
+          this.selectedMappingId = ""; 
           showToast(translate("Please upload a valid purchase order csv to continue"));
         }
       },

From e24d36576562b5c246c61f8c3839e119921c2c34 Mon Sep 17 00:00:00 2001
From: SuyashSingh <0808cs211182.ies@ipsacademy.org>
Date: Wed, 3 Dec 2025 16:16:47 +0530
Subject: [PATCH 2/2] Improved:separated the repeated code(#307)

---
 src/views/PurchaseOrder.vue | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/views/PurchaseOrder.vue b/src/views/PurchaseOrder.vue
index 06607b83..cd2b5603 100644
--- a/src/views/PurchaseOrder.vue
+++ b/src/views/PurchaseOrder.vue
@@ -100,24 +100,23 @@ export default defineComponent({
     ionViewDidEnter() {
       this.file = {}
       this.content = []
-      this.selectedMappingId = ""
-      this.fieldMapping = Object.keys(this.fields).reduce((fieldMapping, field) => {
-        fieldMapping[field] = ""
-        return fieldMapping;
-      }, {})
+      this.resetMappingState();
       this.$refs.file.value = null;
     },
     methods: {
+      resetMappingState() {
+        this.selectedMappingId = "";
+        this.fieldMapping = Object.keys(this.fields).reduce((map, field) => {
+          map[field] = "";
+          return map;
+        }, {});
+      },
       async parse(event) {
         const file = event.target.files[0];
         try {
           if (file) {
             this.file = file;
-            this.selectedMappingId = "";
-            this.fieldMapping = Object.keys(this.fields).reduce((map, field) => {
-              map[field] = "";
-              return map;
-            }, {});
+            this.resetMappingState();
             this.content = await this.parseCsv(this.file);
             this.fileColumns = Object.keys(this.content[0]);
             showToast(translate("File uploaded successfully"));