diff options
Diffstat (limited to 'client/src/pages/Update/Agreement/Agreement.jsx')
| -rw-r--r-- | client/src/pages/Update/Agreement/Agreement.jsx | 19 |
1 files changed, 16 insertions, 3 deletions
diff --git a/client/src/pages/Update/Agreement/Agreement.jsx b/client/src/pages/Update/Agreement/Agreement.jsx index 720d8a0..8de9738 100644 --- a/client/src/pages/Update/Agreement/Agreement.jsx +++ b/client/src/pages/Update/Agreement/Agreement.jsx @@ -15,6 +15,7 @@ import PopUpModal from '../../../components/Modal/Modal' import 'react-toastify/dist/ReactToastify.css' import Error from '../../Error/Error' import Spinner from '../../../components/Spinner/Spinner' +import AudioAutoplay from '../../../components/AudioAutoplay/AudioAutoplay' const Agreement = () => { const { t } = useTranslation() @@ -36,7 +37,7 @@ const Agreement = () => { }) }, onLoading: () => { - return <Spinner heading='UPDATE' /> + return <Spinner heading="UPDATE" /> }, onError: () => { return <Error message={t('SOMETHING_WENT_WRONG_PLEASE_TRY_AGAIN')} /> @@ -81,7 +82,12 @@ const Agreement = () => { }, 30000) } - const description = ['CLICK_ON_SEND_OTP', 'YOU_WILL_RECIEVE_AN_OTP_ON_YOUR_MOBILE_NUMBER', 'YOU_CAN_RESEND_THE_OTP_AFTER_30_SECONDS_IF_YOU_HAVENT_RECEIVED_IT_YET', 'CLICK_ON_VERIFY_OTP_TO_VERIFY_YOUR_MOBILE_NUMBER'] + const description = [ + 'CLICK_ON_SEND_OTP', + 'YOU_WILL_RECIEVE_AN_OTP_ON_YOUR_MOBILE_NUMBER', + 'YOU_CAN_RESEND_THE_OTP_AFTER_30_SECONDS_IF_YOU_HAVENT_RECEIVED_IT_YET', + 'CLICK_ON_VERIFY_OTP_TO_VERIFY_YOUR_MOBILE_NUMBER' + ] return ( <> @@ -91,13 +97,20 @@ const Agreement = () => { theme={'colored'} /> <Header subheading={t('ENROLLMENT')} /> + <AudioAutoplay + audio={`${process.env.PUBLIC_URL}/assets/audios/otp-verification`} + /> <PopUpModal title="VERIFY_YOUR_MOBILE_NUMBER" image={`${process.env.PUBLIC_URL}/assets/images/agreement.svg`} description={ <> <ul> - {description.map((item) => (<li className="list__item" key='id'>{t(item)}</li>))} + {description.map((item) => ( + <li className="list__item" key="id"> + {t(item)} + </li> + ))} </ul> </> } |