From c0c045c69d0c9c786140af87bedde074f5f9cef9 Mon Sep 17 00:00:00 2001
From: Jason Chuang <jchuang@2fi-solutions.com.hk>
Date: Tue, 16 Dec 2025 17:00:26 +0800
Subject: [PATCH] update typo from Suspention to Suspension

---
 src/components/SysSettingProvider.js                        | 2 +-
 src/pages/Proof/Payment/Pay_Online.js                       | 6 +++---
 src/pages/Proof/Payment/index.js                            | 4 ++--
 src/pages/Proof/Reply_Public/ProofForm.js                   | 4 ++--
 src/pages/PublicNotice/Details_GLD/ApplicationDetailCard.js | 3 ++-
 src/pages/authentication/AuthWrapper.js                     | 4 ++--
 src/pages/dashboard/Public/index.js                         | 4 ++--
 src/utils/Utils.js                                          | 6 +++---
 8 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/src/components/SysSettingProvider.js b/src/components/SysSettingProvider.js
index 2f0176c..736cd42 100644
--- a/src/components/SysSettingProvider.js
+++ b/src/components/SysSettingProvider.js
@@ -21,7 +21,7 @@ const SysSettingProvider = ({ children }) => {
                 // console.log(responseData)
                 setSysSetting(responseData);
                 localStorage.setItem('sysEnv', responseData.sysEnv)
-                localStorage.setItem('paymentSuspention', responseData.suspensionMode)
+                localStorage.setItem('paymentSuspension', responseData.suspensionMode)
             }
         });
     }
diff --git a/src/pages/Proof/Payment/Pay_Online.js b/src/pages/Proof/Payment/Pay_Online.js
index ebf14da..b961386 100644
--- a/src/pages/Proof/Payment/Pay_Online.js
+++ b/src/pages/Proof/Payment/Pay_Online.js
@@ -13,7 +13,7 @@ import { useParams } from "react-router-dom";
 import { useNavigate } from "react-router-dom";
 import * as DateUtils from "utils/DateUtils"
 import * as FormatUtils from "utils/FormatUtils";
-import { checkPaymentSuspention } from "utils/Utils";
+import { checkPaymentSuspension } from "utils/Utils";
 import { 
     checkIsOnlyOnlinePayment,
  } from "utils/Utils";
@@ -182,7 +182,7 @@ const Index = () => {
                                             )
                                         }} />
                                         <br />
-                                        {checkPaymentSuspention()?
+                                        {checkPaymentSuspension()?
                                             <div>
                                                 <Typography style={{ textAlign: "flex-start", color: "red"  }}>
                                                     <div dangerouslySetInnerHTML={{ __html: intl.formatMessage({ id: "suspensionMessageText" }) }} />
@@ -192,7 +192,7 @@ const Index = () => {
                                         }
                                     </Typography>
 
-                                    {!checkPaymentSuspention()?
+                                    {!checkPaymentSuspension()?
                                         <Typography variant="h4" sx={{ ml: 8, textAlign: "left" }}>
                                             <ThemeProvider theme={PNSPS_BUTTON_THEME}>
                                                 <Button
diff --git a/src/pages/Proof/Payment/index.js b/src/pages/Proof/Payment/index.js
index fd8ad91..8a64779 100644
--- a/src/pages/Proof/Payment/index.js
+++ b/src/pages/Proof/Payment/index.js
@@ -12,7 +12,7 @@ const Pay_Creditor = Loadable(lazy(() => import('./Pay_Creditor')));
 const Pay_Dn = Loadable(lazy(() => import('./Pay_DN')));
 const Pay_Office = Loadable(lazy(() => import('./Pay_Office')));
 const Pay_Online = Loadable(lazy(() => import('./Pay_Online')));
-import { checkPaymentSuspention } from "utils/Utils";
+import { checkPaymentSuspension } from "utils/Utils";
 
 
 const Index = () => {
@@ -35,7 +35,7 @@ const Index = () => {
                         navigate("/proof/search");
                     }
                     setRecord(responseData.data);
-                    if(checkPaymentSuspention()){
+                    if(checkPaymentSuspension()){
                         setPaymentMethod("online")
                     }else{
                         setPaymentMethod(responseData.data.paymentMethod)
diff --git a/src/pages/Proof/Reply_Public/ProofForm.js b/src/pages/Proof/Reply_Public/ProofForm.js
index 21c7698..152a0cf 100644
--- a/src/pages/Proof/Reply_Public/ProofForm.js
+++ b/src/pages/Proof/Reply_Public/ProofForm.js
@@ -29,7 +29,7 @@ import { FormattedMessage, useIntl } from "react-intl";
 import { 
     isDummyLoggedIn,
     checkIsOnlyOnlinePayment,
-    checkPaymentSuspention,
+    checkPaymentSuspension,
     checkIsNoPaymentByCreateDate,
  } from "utils/Utils"
 
@@ -450,7 +450,7 @@ const FormPanel = ({ formData }) => {
                                                                         }
                                                                         <td style={tabelStyle}>
                                                                             <FormattedMessage id="payOnline" />
-                                                                            {checkPaymentSuspention()?
+                                                                            {checkPaymentSuspension()?
                                                                                 <Typography style={{ padding: '16px', color: "red" }}>
                                                                                     <div dangerouslySetInnerHTML={{ __html: intl.formatMessage({ id: "suspensionMessageText" }) }} />
                                                                                 </Typography>:null
diff --git a/src/pages/PublicNotice/Details_GLD/ApplicationDetailCard.js b/src/pages/PublicNotice/Details_GLD/ApplicationDetailCard.js
index 302a9df..1a1d49f 100644
--- a/src/pages/PublicNotice/Details_GLD/ApplicationDetailCard.js
+++ b/src/pages/PublicNotice/Details_GLD/ApplicationDetailCard.js
@@ -26,6 +26,7 @@ import * as HttpUtils from "utils/HttpUtils"
 import * as DateUtils from "utils/DateUtils"
 import { CHECK_CREATE_PROOF, UPDATE_GLDREMARKS, APPLICATION_UPDATE_PAYMENT_MEANS} from "utils/ApiPathConst"
 import * as StatusUtils from "utils/statusUtils/PublicNoteStatusUtils";
+import { checkPaymentSuspension } from "utils/Utils";
 
 import DoneIcon from '@mui/icons-material/Done';
 import CloseIcon from '@mui/icons-material/Close';
@@ -749,7 +750,7 @@ const ApplicationDetailCard = (
                                                                     </Typography>
                                                                 </FormControl>
                                                             </Grid>
-                                                            {currentApplicationDetailData.paymentMethod!=null?
+                                                            {currentApplicationDetailData.paymentMethod!=null && checkPaymentSuspension()?
                                                                 <Grid item md={3} lg={3}>
                                                                     <Button
                                                                         size="small"
diff --git a/src/pages/authentication/AuthWrapper.js b/src/pages/authentication/AuthWrapper.js
index 3f6c31c..aaf5f1b 100644
--- a/src/pages/authentication/AuthWrapper.js
+++ b/src/pages/authentication/AuthWrapper.js
@@ -4,7 +4,7 @@ import CloseIcon from '@mui/icons-material/Close';
 import Loadable from 'components/Loadable';
 import { lazy, useState } from 'react';
 import { FormattedMessage, useIntl } from "react-intl";
-import { checkSysEnv, checkPaymentSuspention } from "utils/Utils";
+import { checkSysEnv, checkPaymentSuspension } from "utils/Utils";
 import backbroundImg from 'assets/images/bg_ml.jpg';
 import lgceImg from 'assets/images/2025_lgce.jpg'; // <-- your popup image
 import 'assets/style/loginStyles.css';
@@ -95,7 +95,7 @@ const AuthWrapper = ({ children }) => {
               sx={{ minHeight: { md: 'calc(87vh)' } }}
             >
               <Grid item xs={12} sx={{ ml: 4,}}>
-              {checkPaymentSuspention()?
+              {checkPaymentSuspension()?
                 <Typography style={{ textAlign: "flex-start" }}>
                   <div style={{ padding: 12 }} dangerouslySetInnerHTML={{ __html: intl.formatMessage({ id: "suspensionMessageText" }) }} />
                 </Typography>
diff --git a/src/pages/dashboard/Public/index.js b/src/pages/dashboard/Public/index.js
index c81ef91..9d1d965 100644
--- a/src/pages/dashboard/Public/index.js
+++ b/src/pages/dashboard/Public/index.js
@@ -18,7 +18,7 @@ import Loadable from 'components/Loadable';
 import * as HttpUtils from "utils/HttpUtils";
 import * as UrlUtils from "utils/ApiPathConst";
 import * as DateUtils from "utils/DateUtils";
-import { checkPaymentSuspention } from "utils/Utils";
+import { checkPaymentSuspension } from "utils/Utils";
 
 const Message = Loadable(React.lazy(() => import('./Message')));
 const Notice = Loadable(React.lazy(() => import('./Notice')));
@@ -79,7 +79,7 @@ const DashboardDefault = () => {
     // console.log(onNoticeReady)
     if(messageOnReady&&onNoticeReady){
       setLoding(false)
-      if(checkPaymentSuspention()){
+      if(checkPaymentSuspension()){
         setIsPopUp(true);
       }
       // console.log(123)
diff --git a/src/utils/Utils.js b/src/utils/Utils.js
index 3f249dd..21ba9d5 100644
--- a/src/utils/Utils.js
+++ b/src/utils/Utils.js
@@ -111,9 +111,9 @@ export const checkSysEnv = () =>{
         return localStorage.getItem('sysEnv')
     }
 }
-export const checkPaymentSuspention = () =>{
-    if (localStorage.getItem('paymentSuspention') != null){
-        return JSON.parse(localStorage.getItem('paymentSuspention'))
+export const checkPaymentSuspension = () =>{
+    if (localStorage.getItem('paymentSuspension') != null){
+        return JSON.parse(localStorage.getItem('paymentSuspension'))
     }
 }
 /**