summaryrefslogtreecommitdiff
path: root/admin/src/pages/VerifiedUsers
diff options
context:
space:
mode:
Diffstat (limited to 'admin/src/pages/VerifiedUsers')
-rw-r--r--admin/src/pages/VerifiedUsers/VerifiedUsers.jsx31
-rw-r--r--admin/src/pages/VerifiedUsers/VerifiedUsers.module.css14
2 files changed, 45 insertions, 0 deletions
diff --git a/admin/src/pages/VerifiedUsers/VerifiedUsers.jsx b/admin/src/pages/VerifiedUsers/VerifiedUsers.jsx
new file mode 100644
index 0000000..12d1317
--- /dev/null
+++ b/admin/src/pages/VerifiedUsers/VerifiedUsers.jsx
@@ -0,0 +1,31 @@
+import React from 'react';
+import Accordion from '../../components/Accordion/Accordion';
+import Header from '../../components/Header/Header';
+import {getVerifiedUsers} from '../../services/apiservice';
+import {useQuery} from 'react-query';
+
+import styles from './VerifiedUsers.module.css';
+
+const VerifiedUsers = () => {
+ const {data} = useQuery('verified', getVerifiedUsers);
+
+ return (
+ <div className={styles.verified_users}>
+ <Header subheading='Admin' />
+ <h1 className={styles.verified_users__heading}>Verified Users</h1>
+ <div className='accordion'>
+ {data?.data.length !== 0 ? (
+ data?.data.map((item) => (
+ <div>
+ <Accordion name={item.name} user={item} />
+ </div>
+ ))
+ ) : (
+ <div className={styles.verified_users__nodata}>No Data Found</div>
+ )}
+ </div>
+ </div>
+ );
+};
+
+export default VerifiedUsers;
diff --git a/admin/src/pages/VerifiedUsers/VerifiedUsers.module.css b/admin/src/pages/VerifiedUsers/VerifiedUsers.module.css
new file mode 100644
index 0000000..f558e85
--- /dev/null
+++ b/admin/src/pages/VerifiedUsers/VerifiedUsers.module.css
@@ -0,0 +1,14 @@
+.verified_users {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+}
+
+.verified_users__heading {
+ text-align: center;
+}
+
+.verified_users__nodata {
+ margin: 20px;
+ text-align: center;
+}