feat(admin-ui): design the layout for role-permission mapping #336

Author: syntrydy

plugins/admin/components/Mapping/MappingPage.js

@@ -5,7 +5,6 @@ import { Card, CardBody, FormGroup } from '../../../../app/components'
 import GluuViewWrapper from '../../../../app/routes/Apps/Gluu/GluuViewWrapper'
 import GluuRibbon from '../../../../app/routes/Apps/Gluu/GluuRibbon'
 import { getMapping } from '../../redux/actions/MappingActions'
-import config from './apiconfig'
 import MappingItem from './MappingItem'
 import {
   hasPermission,
@@ -16,23 +15,12 @@ import {
 function MappingPage({ mapping, permissions, dispatch }) {
   const { t } = useTranslation()
   const options = []
-  const [patches, setPatches] = useState([])
-  const [mappings, setMappings] = useState(
-    config['rolePermissionMapping'] || [],
-  )
   const userAction = {}
   useEffect(() => {
     buildPayload(userAction, 'ROLES_MAPPING', options)
     dispatch(getMapping(userAction))
   }, [])
 
-  const patchHandler = (patch) => {
-    setPatches((existingPatches) => [...existingPatches, patch])
-    const newPatches = patches
-    newPatches.push(patch)
-    setPatches(newPatches)
-  }
-
   return (
     <Card>
       <GluuRibbon title={t('titles.mapping')} fromLeft />
@@ -41,11 +29,8 @@ function MappingPage({ mapping, permissions, dispatch }) {
         <FormGroup row />
         <FormGroup row />
         <GluuViewWrapper canShow={hasPermission(permissions, ROLE_READ)}>
-          {mappings.map((candidate, idx) => (
-            <MappingItem
-              key={idx}
-              candidate={candidate}
-            />
+          {mapping.map((candidate, idx) => (
+            <MappingItem key={idx} candidate={candidate} />
           ))}
         </GluuViewWrapper>
       </CardBody>