Fix stuff

2 files changed, 127 insertions, 1 deletions

diff --git a/client/src/pages/Update/Demographic/Demographic.jsx b/client/src/pages/Update/Demographic/Demographic.jsx
index 03f107a..9037028 100644
--- a/client/src/pages/Update/Demographic/Demographic.jsx
+++ b/client/src/pages/Update/Demographic/Demographic.jsx
@@ -24,25 +24,70 @@ const Demographic = () => {
     userContext()
 
   const navigate = useNavigate()
+  const language = localStorage.getItem('i18nextLng')
 
   const [page, setPage] = useState(0)
 
+  let audio
+
   const handleSubmit = () => {
     if (page === 0) {
       if (userData.name === '' || userData.name.length < 1) {
         toast.error(t('PLEASE_ENTER_YOUR_NAME'))
+        if (language === 'en') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-enter-name-english.mp3`)
+        } else if (language === 'hi') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-enter-name-hindi.mp3`)
+        }
+        audio.play()
       } else if (!validString.test(userData.name)) {
         toast.error(t('PLEASE_ENTER_VALID_NAME'))
+        if (language === 'en') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-enter-valid-name-english.mp3`)
+        } else if (language === 'hi') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-enter-valid-name-hindi.mp3`)
+        }
+        audio.play()
       } else if (userData.gender === '') {
         toast.error(t('PLEASE_SELECT_YOUR_GENDER'))
+        if (language === 'en') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-select-your-gender-english.mp3`)
+        } else if (language === 'hi') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-select-your-gender-hindi.mp3`)
+        }
+        audio.play()
       } else if (userData.mobile === '') {
         toast.error(t('PLEASE_ENTER_YOUR_MOBILE_NUMBER'))
+        if (language === 'en') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-select-mobile-english.mp3`)
+        } else if (language === 'hi') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-select-mobile-hindi.mp3`)
+        }
+        audio.play()
       } else if (!validMobileNumber.test(userData.mobile)) {
         toast.error(t('PLEASE_ENTER_VALID_MOBILE_NUMBER'))
+        if (language === 'en') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-select-valid-mobile-english.mp3`)
+        } else if (language === 'hi') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-select-valid-mobile-hindi.mp3`)
+        }
+        audio.play()
       } else if (userData.email === '') {
         toast.error(t('PLEASE_ENTER_YOUR_EMAIL'))
+        if (language === 'en') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-enter-email-english.mp3`)
+        } else if (language === 'hi') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-enter-email-hindi.mp3`)
+        }
+        audio.play()
       } else if (!validEmail.test(userData.email)) {
         toast.error(t('PLEASE_ENTER_VALID_EMAIL'))
+        if (language === 'en') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-enter-valid-email-english.mp3`)
+        } else if (language === 'hi') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-enter-valid-email-hindi.mp3`)
+        }
+        audio.play()
       } else {
         setPage(page + 1)
       }
@@ -51,24 +96,84 @@ const Demographic = () => {
         toast.error(t('PLEASE_SELECT_YOUR_COUNTRY'))
       } else if (userData.address.state.name === '') {
         toast.error(t('PLEASE_SELECT_YOUR_STATE'))
+        if (language === 'en') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-select-state-english.mp3`)
+        } else if (language === 'hi') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-select-state-hindi.mp3`)
+        }
+        audio.play()
       } else if (userData.address.district.name === '') {
         toast.error(t('PLEASE_SELECT_YOUR_DISTRICT'))
+        if (language === 'en') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-select-district-english.mp3`)
+        } else if (language === 'hi') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-select-district-hindi.mp3`)
+        }
+        audio.play()
       } else if (userData.address.village === '') {
         toast.error(t('PLEASE_ENTER_YOUR_VILLAGE'))
+        if (language === 'en') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-enter-village-english.mp3`)
+        } else if (language === 'hi') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-enter-village-hindi.mp3`)
+        }
+        audio.play()
       } else if (userData.address.houseNo === '') {
         toast.error(t('PLEASE_ENTER_YOUR_HOUSE_NUMBER'))
+        if (language === 'en') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-enter-house-no-english.mp3`)
+        } else if (language === 'hi') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-enter-house-no-hindi.mp3`)
+        }
+        audio.play()
       } else if (userData.address.street === '') {
         toast.error(t('PLEASE_ENTER_YOUR_STREET'))
+        if (language === 'en') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-enter-street-english.mp3`)
+        } else if (language === 'hi') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-enter-street-hindi.mp3`)
+        }
+        audio.play()
       } else if (userData.address.locality === '') {
         toast.error(t('PLEASE_ENTER_YOUR_LOCALITY'))
+        if (language === 'en') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-enter-locality-english.mp3`)
+        } else if (language === 'hi') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-enter-locality-hindi.mp3`)
+        }
+        audio.play()
       } else if (userData.address.postOffice === '') {
         toast.error(t('PLEASE_ENTER_YOUR_AREA_POST_OFFICE'))
+        if (language === 'en') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-enter-post-english.mp3`)
+        } else if (language === 'hi') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-enter-post-hindi.mp3`)
+        }
+        audio.play()
       } else if (userData.address.landmark === '') {
         toast.error(t('PLEASE_ENTER_NEAREST_LANDMARK'))
+        if (language === 'en') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-select-landmark-english.mp3`)
+        } else if (language === 'hi') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-select-landmark-hindi.mp3`)
+        }
+        audio.play()
       } else if (userData.address.pincode === '') {
         toast.error(t('PLEASE_ENTER_YOUR_AREA_PINCODE'))
+        if (language === 'en') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-enter-pin-english.mp3`)
+        } else if (language === 'hi') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-enter-pin-hindi.mp3`)
+        }
+        audio.play()
       } else if (!validPincode.test(userData.address.pincode)) {
         toast.error(t('PLEASE_ENTER_VALID_PINCODE'))
+        if (language === 'en') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-enter-valid-pin-english.mp3`)
+        } else if (language === 'hi') {
+          audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/please-enter-valid-pin-hindi.mp3`)
+        }
+        audio.play()
       } else {
         setPage(page + 1)
       }
@@ -125,9 +230,11 @@ const Demographic = () => {
   return (
     <>
       <ToastContainer
-        autoClose={1000}
+        autoClose={3000}
         hideProgressBar={true}
         theme={'colored'}
+        position="top-center"
+        style={{ fontSize: '1.5rem' }}
       />
       {conditionalComponent()}
       {conditionalButton()}
diff --git a/client/src/pages/Update/DocumentScanner/DocumentScanner.jsx b/client/src/pages/Update/DocumentScanner/DocumentScanner.jsx
index 86674af..4fa07fb 100644
--- a/client/src/pages/Update/DocumentScanner/DocumentScanner.jsx
+++ b/client/src/pages/Update/DocumentScanner/DocumentScanner.jsx
@@ -71,6 +71,18 @@ const DocumentScanner = () => {
     })
   })
 
+  const language = localStorage.getItem('i18nextLng')
+
+  let audio
+const playAudio = () => {
+  if (language === 'en') {
+    audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/scan-documents-english.mp3`)
+  } else if (language === 'hi') {
+    audio = new Audio(`${process.env.PUBLIC_URL}/assets/audios/scan-documents-hindi.mp3`)
+  }
+  audio.play()
+}
+
   const handleNext = () => {
     if (
       activeStep === steps.length - 1 &&
@@ -81,18 +93,25 @@ const DocumentScanner = () => {
       setUserData({ ...userData, documents: documents })
     } else if (documents.POI !== '' && documents.POA !== '') {
       toast.error(t('SCAN_YOUR_DOCUMENT'))
+      playAudio()
     } else if (documents.POI !== '' && documents.DOB !== '') {
       toast.error(t('SCAN_YOUR_DOCUMENT'))
+      playAudio()
     } else if (documents.POA !== '' && documents.DOB !== '') {
       toast.error(t('SCAN_YOUR_DOCUMENT'))
+      playAudio()
     } else if (documents.POI !== '') {
       toast.error(t('SCAN_YOUR_DOCUMENT'))
+      playAudio()
     } else if (documents.POA !== '') {
       toast.error(t('SCAN_YOUR_DOCUMENT'))
+      playAudio()
     } else if (documents.DOB !== '') {
       toast.error(t('SCAN_YOUR_DOCUMENT'))
+      playAudio()
     } else {
       toast.error(t('SCAN_YOUR_DOCUMENT'))
+      playAudio()
     }
 
     if (