From c6c32cb77e60d6e4a1c55e6ed29206bce0c1bf8e Mon Sep 17 00:00:00 2001
From: Bread Genie <msuhailbh07@gmail.com>
Date: Fri, 6 Dec 2024 10:18:56 +0530
Subject: [PATCH] fix(AlertUnpaidInvoices): better formatting for currency

---
 dashboard/src2/components/AlertUnpaidInvoices.vue | 12 ++++++++----
 dashboard/src2/pages/ListPage.vue                 |  2 --
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/dashboard/src2/components/AlertUnpaidInvoices.vue b/dashboard/src2/components/AlertUnpaidInvoices.vue
index 62a245b4bb..fcd6bff412 100644
--- a/dashboard/src2/components/AlertUnpaidInvoices.vue
+++ b/dashboard/src2/components/AlertUnpaidInvoices.vue
@@ -1,8 +1,5 @@
 <template>
-	<AlertBanner
-		:title="`Your account currently has an outstanding balance of ${currency} ${amount}. Please settle the balance to avoid any site suspension.`"
-		type="warning"
-	>
+	<AlertBanner :title="outstandingBalanceMessage" type="warning">
 		<Button class="ml-auto" route="/billing" variant="outline">
 			Pay Now
 		</Button>
@@ -22,6 +19,13 @@ export default {
 		currency: {
 			type: String
 		}
+	},
+	computed: {
+		outstandingBalanceMessage() {
+			return `Your account currently has an outstanding balance of ${this.$format.userCurrency(
+				this.amount
+			)}. Please settle the balance to avoid any site suspension.`;
+		}
 	}
 };
 </script>
diff --git a/dashboard/src2/pages/ListPage.vue b/dashboard/src2/pages/ListPage.vue
index 77e7d36986..21b12c75fe 100644
--- a/dashboard/src2/pages/ListPage.vue
+++ b/dashboard/src2/pages/ListPage.vue
@@ -43,7 +43,6 @@
 				class="mb-5"
 				v-if="hasUnpaidInvoices > 0"
 				:amount="hasUnpaidInvoices"
-				:currency="$team?.doc?.currency === 'INR' ? '₹' : '$'"
 			/>
 			<ObjectList :options="listOptions" />
 		</div>
@@ -58,7 +57,6 @@ import { getObject } from '../objects';
 import { defineAsyncComponent } from 'vue';
 import dayjs from '../utils/dayjs';
 import AlertBanner from '../components/AlertBanner.vue';
-import AlertUnpaidInvoices from '../components/AlertUnpaidInvoices.vue';
 
 export default {
 	components: {