1 files changed, 13 insertions, 2 deletions
diff --git a/client/src/pages/Update/BiometricSelect/BiometricSelect.jsx b/client/src/pages/Update/BiometricSelect/BiometricSelect.jsx
index 89d2bfb..cf6cae8 100644
--- a/client/src/pages/Update/BiometricSelect/BiometricSelect.jsx
+++ b/client/src/pages/Update/BiometricSelect/BiometricSelect.jsx
@@ -5,20 +5,31 @@ import SubmitButton from '../../../components/SubmitButton/SubmitButton'
 import { Link } from 'react-router-dom'
 import PopUpModal from '../../../components/Modal/Modal'
 import { useTranslation } from 'react-i18next'
+import AudioAutoplay from '../../../components/AudioAutoplay/AudioAutoplay'
 
 const BiometricSelect = ({ page, setPage }) => {
   const { t } = useTranslation()
-  const description = ['CLICK_ON_THE_EDIT_BUTTON_TO_UPDATE_THE_REQUIRED_BIOMETRICS', 'YOU_CAN_EDIT_YOUR_PHOTOGRAPH_/_FINGERPRINTS_/_IRIS_SCANS']
+  const description = [
+    'CLICK_ON_THE_EDIT_BUTTON_TO_UPDATE_THE_REQUIRED_BIOMETRICS',
+    'YOU_CAN_EDIT_YOUR_PHOTOGRAPH_/_FINGERPRINTS_/_IRIS_SCANS'
+  ]
   return (
     <>
       <Header subheading={t('UPDATE')} />
+      <AudioAutoplay
+        audio={`${process.env.PUBLIC_URL}/assets/audios/biometric-update`}
+      />
       <PopUpModal
         title="SELECT_THE_OPTION_TO_BE_EDITED"
         image={`${process.env.PUBLIC_URL}/assets/images/biometrics.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>
           </>
         }