diff options
Diffstat (limited to 'client/src/pages/Update/Otp')
| -rw-r--r-- | client/src/pages/Update/Otp/Otp.jsx | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/client/src/pages/Update/Otp/Otp.jsx b/client/src/pages/Update/Otp/Otp.jsx index bce6ef7..75a4d73 100644 --- a/client/src/pages/Update/Otp/Otp.jsx +++ b/client/src/pages/Update/Otp/Otp.jsx @@ -9,6 +9,7 @@ import { useQuery, useMutation } from 'react-query' import { getUserByAadhaar, sendOTP } from '../../../services/apiservice' import SubmitButton from '../../../components/SubmitButton/SubmitButton' import { toast, ToastContainer } from 'react-toastify' +import PopUpModal from '../../../components/Modal/Modal' import styles from './Otp.module.css' @@ -80,6 +81,27 @@ const Otp = () => { theme={'colored'} /> <Header subheading={`${t('UPDATE')}`} /> + <PopUpModal + title="Verify your mobile number" + image={`${process.env.PUBLIC_URL}/assets/images/otp.svg`} + description={ + <> + <ul> + <li className="list__item">Click on "SEND OTP"</li> + <li className="list__item"> + You will recieve an OTP on your entered mobile number + </li> + <li className="list__item"> + You can "RESEND" the OTP after 30 seconds, if you + haven't received it yet. + </li> + <li className="list__item"> + Click on "VERIFY OTP" to verify your mobile number + </li> + </ul> + </> + } + /> <div className={styles.subheading__container}> <h3 className={styles.subheading}>{t('ENTER_OTP')}</h3> <p className={styles.subsubheading}> |