From a640af8c79778f4a290aff385b287a126602a093 Mon Sep 17 00:00:00 2001
From: Alex Cheung <alex.cheung@2fi-solutions.com.hk>
Date: Thu, 18 Jul 2024 17:46:18 +0800
Subject: [PATCH] update change password page add text

---
 src/pages/User/ChangePasswordPage/index.js     | 15 +++++++++++++--
 .../ForgotPassword/AuthCallback/index.js       | 18 ++++++++++++++++++
 2 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/src/pages/User/ChangePasswordPage/index.js b/src/pages/User/ChangePasswordPage/index.js
index 0868bd0..b9b6367 100644
--- a/src/pages/User/ChangePasswordPage/index.js
+++ b/src/pages/User/ChangePasswordPage/index.js
@@ -196,13 +196,13 @@ const Index = () => {
                             <form onSubmit={formik.handleSubmit}>
                                 <Grid container spacing={4} sx={{ minHeight: {xs:"80vh", sm:"50vh", md: "50vh", lg:"70vh", xl:"50vh"} }} direction="column" justifyContent="flex-start" alignItems="center">
                                     {isPasswordExpiry()?    
-                                        <Grid item width="70%" xs={12} md={12} lg={12} sx={{ mb: 1, }}>
+                                        <Grid item width="70%" xs={12} md={12} lg={12} sx={{ mb: 1, mt:2 }}>
                                             <Typography variant="h5">
                                                 <FormattedMessage id="passwordExpired"/>
                                             </Typography>
                                         </Grid>
                                         : 
-                                        <Grid item xs={12} md={12} lg={12} sx={{ mb: 1,}}>
+                                        <Grid item xs={12} md={12} lg={12} sx={{ mb: 1, mt:2 }}>
                                             <Typography variant="h5" >
                                                 <FormattedMessage id="setNewPassword"/>
                                             </Typography>
@@ -370,6 +370,17 @@ const Index = () => {
                                                 </FormHelperText>
                                             )}
                                         </Grid>
+                                        <Grid container spacing={2} alignItems="center">
+                                            <Grid item sx={{ mt: 1 }}>
+                                                <Typography variant="subtitle1">
+                                                    •<FormattedMessage id="pwRemark1" /><br />
+                                                    •<FormattedMessage id="pwRemark2" /><br />
+                                                    •<FormattedMessage id="pwRemark3" /><br />
+                                                    •<FormattedMessage id="pwRemark4" /><br />
+                                                    •<FormattedMessage id="pwRemark5"/><br />
+                                                </Typography>
+                                            </Grid>
+                                        </Grid>
                                     </Grid>
                                     <Grid item xs={12} md={12} lg={12} mt={1} sx={{mb:3}}>
                                         <ThemeProvider theme={PNSPS_LONG_BUTTON_THEME}>
diff --git a/src/pages/authentication/ForgotPassword/AuthCallback/index.js b/src/pages/authentication/ForgotPassword/AuthCallback/index.js
index 8d290cc..6f813df 100644
--- a/src/pages/authentication/ForgotPassword/AuthCallback/index.js
+++ b/src/pages/authentication/ForgotPassword/AuthCallback/index.js
@@ -186,6 +186,10 @@ const Index = () => {
         }
     });
 
+    const handleCCPChange = (e) => {
+        e.preventDefault();
+    };
+
     return (
         isLoading || verifyState == null ?
             <Grid container sx={{ minHeight: '87vh', mb: 3 }} direction="column" justifyContent="center" alignItems="center">
@@ -380,6 +384,9 @@ const Index = () => {
                                                     value={formik.values.confirmPassword.trim()}
                                                     error={Boolean(formik.touched.confirmPassword && formik.errors.confirmPassword)}
                                                     onBlur={formik.handleBlur}
+                                                    onCut={handleCCPChange}
+                                                    onCopy={handleCCPChange}
+                                                    onPaste={handleCCPChange}
                                                     inputProps={{
                                                         maxLength: 50,
                                                         onKeyDown: (e) => {
@@ -414,6 +421,17 @@ const Index = () => {
                                                 </FormHelperText>
                                             )}
                                         </Grid>
+                                        <Grid container spacing={2} alignItems="center">
+                                            <Grid item sx={{ mt: 1 }}>
+                                                <Typography variant="subtitle1">
+                                                    •<FormattedMessage id="pwRemark1" /><br />
+                                                    •<FormattedMessage id="pwRemark2" /><br />
+                                                    •<FormattedMessage id="pwRemark3" /><br />
+                                                    •<FormattedMessage id="pwRemark4" /><br />
+                                                    •<FormattedMessage id="pwRemark5"/><br />
+                                                </Typography>
+                                            </Grid>
+                                        </Grid>
                                     </Grid>
                                     <Grid item xs={12} md={12} lg={12} mt={1} sx={{mb:3}}>
                                         <ThemeProvider theme={PNSPS_LONG_BUTTON_THEME}>