From 79d5471d9ec833ac8b898083e5f3ce30269d23d1 Mon Sep 17 00:00:00 2001
From: Dillon Ngo <dillonngoweijoon@gmail.com>
Date: Sun, 4 Aug 2024 03:56:05 +0800
Subject: [PATCH] Fix a problem where voucherify campaign vouchers limit not
 displaying with correct info for the month

---
 .../elements/SingleVoucherCampaignItemComponent.vue | 13 +++++++++++++
 .../sections/VoucherCampaignsSectionComponent.vue   |  3 ++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/resources/assets/vue/components/vouchers/elements/SingleVoucherCampaignItemComponent.vue b/resources/assets/vue/components/vouchers/elements/SingleVoucherCampaignItemComponent.vue
index 40c082ee..43b9d59a 100644
--- a/resources/assets/vue/components/vouchers/elements/SingleVoucherCampaignItemComponent.vue
+++ b/resources/assets/vue/components/vouchers/elements/SingleVoucherCampaignItemComponent.vue
@@ -2,6 +2,7 @@
     <div class="row bg-white padding-10 m-b-10 rounded">
         <div class="col-2 fs-12">{{data.name}}</div>
         <div class="col-1 text-success text-center">{{data.metadata && data.metadata.length > 0 ? data.metadata[0].value : 0 }}</div>
+        <div class="col-1 text-success text-center">{{data.metadata && data.metadata.length > 0 ? extractMonth(data.metadata[0].key) : '' }}</div>
         <div class="col-1 text-center">{{data.limit_per_month}}</div>
         <div class="col-3 fs-12">{{data.campaign_id}}</div>
     </div>
@@ -17,6 +18,18 @@
             },
         },
         methods: {
+            extractMonth(inputString) {
+                const firstUnderscoreIndex = inputString.indexOf('_');
+                if (firstUnderscoreIndex === -1) return '';
+
+                const secondUnderscoreIndex = inputString.indexOf('_', firstUnderscoreIndex + 1);
+                if (secondUnderscoreIndex === -1) return '';
+
+                const thirdUnderscoreIndex = inputString.indexOf('_', secondUnderscoreIndex + 1);
+                if (thirdUnderscoreIndex === -1) return '';
+
+                return inputString.substring(secondUnderscoreIndex + 1, thirdUnderscoreIndex);
+            }
         },
         mixins: [componentHandler],
     }
diff --git a/resources/assets/vue/components/vouchers/sections/VoucherCampaignsSectionComponent.vue b/resources/assets/vue/components/vouchers/sections/VoucherCampaignsSectionComponent.vue
index be8460f5..6170762a 100644
--- a/resources/assets/vue/components/vouchers/sections/VoucherCampaignsSectionComponent.vue
+++ b/resources/assets/vue/components/vouchers/sections/VoucherCampaignsSectionComponent.vue
@@ -10,7 +10,8 @@
                 <div class="col">
                     <div class="row padding-10">
                         <div class="col-2 fs-10">Name</div>
-                        <div class="col-1 fs-10 text-center">Issued (this month)</div>
+                        <div class="col-1 fs-10 text-center">Issued</div>
+                        <div class="col-1 fs-10 text-center">Month</div>
                         <div class="col-1 fs-10 text-center">Limit Per Month</div>
                         <div class="col-3 fs-10">Campaign Id</div>
                     </div>