feat(admin-ui): show list of users

Author: mjatin-dev

admin-ui/plugins/admin/components/UserManagement/UserDetailViewPage.js

@@ -3,9 +3,7 @@ import { Container, Row, Col } from '../../../../app/components'
 import GluuFormDetailRow from '../../../../app/routes/Apps/Gluu/GluuFormDetailRow'
 const UserDetailViewPage = ({ row }) => {
   const { rowData } = row
-  useEffect(() => {
-    console.log(row)
-  }, [row])
+
   return (
     <React.Fragment>
       <Container style={{ backgroundColor: '#F5F5F5' }}>
@@ -25,9 +23,16 @@ const UserDetailViewPage = ({ row }) => {
           <Col sm={4}>
             <GluuFormDetailRow label="fields.userName" value={rowData.userId} />
           </Col>
-          <Col sm={6}>
+          <Col sm={4}>
             <GluuFormDetailRow label="fields.email" value={rowData?.mail} />
           </Col>
+          {rowData.customAttributes?.map((data, key) => {
+            return (
+              <Col sm={4} key={'customAttributes' + key}>
+                <GluuFormDetailRow label={data.name} value={data?.values[0]} />
+              </Col>
+            )
+          })}
         </Row>
       </Container>
     </React.Fragment>