update UI

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

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;