check status feature

1 files changed, 70 insertions, 0 deletions

diff --git a/client/src/pages/CheckStatus/EnrollmentStatus.jsx b/client/src/pages/CheckStatus/EnrollmentStatus.jsx
new file mode 100644
index 0000000..9ae0026
--- /dev/null
+++ b/client/src/pages/CheckStatus/EnrollmentStatus.jsx
@@ -0,0 +1,70 @@
+/* eslint-disable multiline-ternary */
+import React from 'react'
+import Header from '../../components/Header/Header'
+import { useTranslation } from 'react-i18next'
+import styles from './EnrollmentStatus.module.css'
+import { Button } from '@mui/material'
+import { useNavigate } from 'react-router-dom'
+import { userContext } from '../../context/User'
+
+const EnrollmentStatus = () => {
+  const { t } = useTranslation()
+  const navigate = useNavigate()
+
+  const { setAadhaarNumber, setEidNumber, userData } = userContext()
+
+  return (
+    <>
+      <Header subheading={t('ENROLLMENT_STATUS')} />
+      <div className={styles.status__container}>
+        <h3 className={styles.status__title}>{t('STATUS')}</h3>
+        {!userData?.verified ? (
+          <>
+            <img
+              src={`${process.env.PUBLIC_URL}/assets/images/pending.svg`}
+              alt=""
+              height="200px"
+              width="200px"
+            />
+            <h1 className={styles.status}>{t('PENDING')}</h1>
+            <p className={styles.status__content}>
+              {t('YOUR_AADHAAR_STATUS_IS_IN_PENDING_STATE')}
+            </p>
+            <p className={styles.status__content}>
+              {t('PLEASE_HAVE_PATIENCE')}
+            </p>
+          </>
+        ) : (
+          <>
+            <img
+              src={`${process.env.PUBLIC_URL}/assets/images/approved.svg`}
+              alt=""
+              height="200px"
+              width="200px"
+            />
+            <h1 className={styles.status}>{t('APPROVED')}</h1>
+            <p className={styles.status__content}>
+              {t('YOUR_AADHAAR_STATUS_IS_APPROVED')}
+            </p>
+            <p className={styles.status__content}>
+              {t('PRINT_YOUR_AADHAAR_CARD_FROM_WEBSITE')}
+            </p>
+          </>
+        )}
+        <Button
+          variant="contained"
+          onClick={() => {
+            setAadhaarNumber(null)
+            setEidNumber(null)
+            navigate('/')
+          }}
+          sx={{ margin: '30px' }}
+        >
+          {t('BACK_TO_HOME')}
+        </Button>
+      </div>
+    </>
+  )
+}
+
+export default EnrollmentStatus