From b37bd91d91ab713da1dacf2875a8101305942667 Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Wed, 22 Jan 2025 18:24:50 +0530
Subject: [PATCH] feat: handle missing data in billing

---
 .../dashboard/routes/dashboard/settings/billing/Index.vue  | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/app/javascript/dashboard/routes/dashboard/settings/billing/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/billing/Index.vue
index 4441d8214..3094c8cc7 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/billing/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/billing/Index.vue
@@ -119,16 +119,21 @@ onMounted(fetchAccountDetails);
               {{ $t('BILLING_SETTINGS.MANAGE_SUBSCRIPTION.BUTTON_TXT') }}
             </ButtonV4>
           </template>
-          <div class="grid grid-cols-3 gap-2 divide-x divide-n-weak">
+          <div
+            v-if="planName || subscribedQuantity || subscriptionRenewsOn"
+            class="grid grid-cols-3 gap-2 divide-x divide-n-weak"
+          >
             <DetailItem
               :label="$t('BILLING_SETTINGS.CURRENT_PLAN.TITLE')"
               :value="planName"
             />
             <DetailItem
+              v-if="subscribedQuantity"
               :label="$t('BILLING_SETTINGS.CURRENT_PLAN.SEAT_COUNT')"
               :value="subscribedQuantity"
             />
             <DetailItem
+              v-if="subscriptionRenewsOn"
               :label="$t('BILLING_SETTINGS.CURRENT_PLAN.RENEWS_ON')"
               :value="subscriptionRenewsOn"
             />