From 5b2a29ce0e10db92eb4ec393cf50fe76f4dc240e Mon Sep 17 00:00:00 2001
From: Dillon Ngo <dillonngoweijoon@gmail.com>
Date: Sun, 25 Aug 2024 12:51:33 +0800
Subject: [PATCH] Voucherify - New promotion voucher (PROM150%) setup

---
 .../companies/elements/SingleUserRewardItemComponent.vue      | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/resources/assets/vue/components/companies/elements/SingleUserRewardItemComponent.vue b/resources/assets/vue/components/companies/elements/SingleUserRewardItemComponent.vue
index c7b78466..d59c1945 100644
--- a/resources/assets/vue/components/companies/elements/SingleUserRewardItemComponent.vue
+++ b/resources/assets/vue/components/companies/elements/SingleUserRewardItemComponent.vue
@@ -5,9 +5,11 @@
             <p v-else>{{ item.voucher.name }}</p>
             <p v-if="item.voucher.description">{{ item.voucher.description }}</p>
             <p v-if="item.reward">{{ item.reward.description }}</p>
+
             <p v-if="item.voucher && item.voucher.is_redeemed">Voucher claimed</p>
+            <p v-else-if="item.voucher.end_date && new Date() > new Date(item.voucher.end_date)">This voucher has expired</p>
             <p v-else-if="item.voucher && item.voucher.end_date">Valid till {{ item.voucher.end_date }}</p>
-            <p v-else>-</p>
+            <p v-else>Non-expired</p>
         </div>
         <div class="col-md-3">
             <p v-if="item.voucher && item.voucher.is_redeemed" class="text-secondary">{{ item.voucher.code }}</p>