fix(AlertUnpaidInvoices): better formatting for currency

frappe · Dec 6, 2024 · c6c32cb · c6c32cb
1 parent 28e725f
commit c6c32cb
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git 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
@@ -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: {