From 07991e840fad81506b70dae5954b7a4d254bc1e3 Mon Sep 17 00:00:00 2001
From: anna <anna.ho@2fi-solutions.com.hk>
Date: Mon, 6 Nov 2023 11:59:14 +0800
Subject: [PATCH] update UI

---
 src/pages/Payment/index.js                            | 3 ++-
 src/pages/PublicNotice/ListPanel/PendingPaymentTab.js | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/pages/Payment/index.js b/src/pages/Payment/index.js
index b573840..52c5eeb 100644
--- a/src/pages/Payment/index.js
+++ b/src/pages/Payment/index.js
@@ -8,6 +8,7 @@ const DataGrid = Loadable(React.lazy(() => import('./Details_Public/DataGrid')))
 import { useEffect, useState } from "react";
 import { useNavigate, useLocation } from "react-router-dom";
 import { paymentPath } from "auth/utils";
+import * as FormatUtils from "utils/FormatUtils";
 
 import {
     Button,
@@ -377,7 +378,7 @@ const Index = () => {
                                         </Typography>
 
                                         <Typography variant="h5" sx={{  textAlign: "left" }}>
-                                            支付金額: HK$ {totalAmount}
+                                            支付金額: HK$ {FormatUtils.currencyFormat(totalAmount)}
                                         </Typography>
 
                                         <Button
diff --git a/src/pages/PublicNotice/ListPanel/PendingPaymentTab.js b/src/pages/PublicNotice/ListPanel/PendingPaymentTab.js
index bcb18cf..bd95edc 100644
--- a/src/pages/PublicNotice/ListPanel/PendingPaymentTab.js
+++ b/src/pages/PublicNotice/ListPanel/PendingPaymentTab.js
@@ -118,7 +118,7 @@ export default function SubmittedTab({ rows }) {
             totalAmount += datas[i].fee;
         }
         content.push(<Typography variant="h5">
-            總計金額: {totalAmount} <br /><br />
+            總計金額: HK$ {FormatUtils.currencyFormat(totalAmount)} <br /><br />
         </Typography>);
         //setAmount(totalAmount);
         return content;