diff options
Diffstat (limited to 'admin/src/pages/VerifiedUsers')
-rw-r--r-- | admin/src/pages/VerifiedUsers/VerifiedUsers.jsx | 31 | ||||
-rw-r--r-- | admin/src/pages/VerifiedUsers/VerifiedUsers.module.css | 14 |
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; +} |