From ea69028b911bb28d6c3f6f9f9b50d1c18bee55da Mon Sep 17 00:00:00 2001
From: rohan09-raj <rajrohan1914@gmail.com>
Date: Thu, 25 Aug 2022 23:03:58 +0530
Subject: fixed conflicts

---
 client/src/pages/Update/Agreement/Agreement.jsx | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

(limited to 'client/src/pages/Update/Agreement/Agreement.jsx')

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>
           </>
         }
-- 
cgit v1.2.3-73-gaa49b

