@@ -3,18 +3,18 @@ import React, { useContext, useEffect, useState } from 'react';
33import { AppContext } from '../../../context/AppContext' ;
44import {
55 SET_ROLES ,
6- SET_USER_ROLES ,
6+ SET_MEMBER_ROLES ,
77 UPDATE_TOAST
88} from '../../../context/actions' ;
99import {
10- addUserToRole ,
10+ addMemberToRole ,
1111 addNewRole ,
12- removeUserFromRole ,
12+ removeMemberFromRole ,
1313 updateRole
1414} from '../../../api/roles' ;
1515import {
1616 selectCanEditMemberRolesPermission ,
17- noPermission ,
17+ noPermission , selectMemberRoles , selectCsrfToken , selectRoles , selectMemberProfiles ,
1818} from '../../../context/selectors' ;
1919import RoleUserCards from './RoleUserCards' ;
2020
@@ -52,8 +52,11 @@ import './Roles.css';
5252
5353const Roles = ( ) => {
5454 const { state, dispatch } = useContext ( AppContext ) ;
55- // roles here is all possible roles, not the selected roles.
56- const { csrf, memberProfiles, roles, userRoles } = state ;
55+
56+ const csrf = selectCsrfToken ( state ) ;
57+ const memberProfiles = selectMemberProfiles ( state ) ;
58+ const roles = selectRoles ( state ) ; // all possible roles, not the selected roles.
59+ const memberRoles = selectMemberRoles ( state ) ;
5760
5861 const [ showAddUser , setShowAddUser ] = useState ( false ) ;
5962 const [ showEditRole , setShowEditRole ] = useState ( false ) ;
@@ -97,25 +100,25 @@ const Roles = () => {
97100 }
98101
99102 const newRoleToMemberMap = { } ;
100- for ( const userRole of userRoles || [ ] ) {
103+ for ( const memberRole of memberRoles || [ ] ) {
101104 const role = roles . find (
102- role => role . id === userRole ?. memberRoleId ?. roleId
105+ role => role . id === memberRole ?. memberRoleId ?. roleId
103106 ) ;
104107 if ( role ) {
105108 let memberList = newRoleToMemberMap [ role . role ] ;
106109 if ( ! memberList ) {
107110 memberList = newRoleToMemberMap [ role . role ] = [ ] ;
108111 }
109- if ( memberMap [ userRole ?. memberRoleId ?. memberId ] !== undefined ) {
112+ if ( memberMap [ memberRole ?. memberRoleId ?. memberId ] !== undefined ) {
110113 memberList . push ( {
111- ...memberMap [ userRole ?. memberRoleId ?. memberId ] ,
114+ ...memberMap [ memberRole ?. memberRoleId ?. memberId ] ,
112115 roleId : role . id
113116 } ) ;
114117 }
115118 }
116119 }
117120 setRoleToMemberMap ( newRoleToMemberMap ) ;
118- } , [ userRoles , memberProfiles , roles ] ) ;
121+ } , [ memberRoles , memberProfiles , roles ] ) ;
119122
120123 const getRoleStats = role => {
121124 let members = roleToMemberMap [ role ] ;
@@ -125,20 +128,20 @@ const Roles = () => {
125128 const removeFromRole = async ( member , role ) => {
126129 const members = roleToMemberMap [ role ] ;
127130 const { roleId } = members . find ( m => member . id === m . id ) ;
128- let res = await removeUserFromRole ( roleId , member . id , csrf ) ;
131+ let res = await removeMemberFromRole ( roleId , member . id , csrf ) ;
129132 let data =
130133 res . payload && res . payload . status === 200 && ! res . error
131134 ? res . payload
132135 : null ;
133136 if ( data ) {
134137 // TODO: Remove role from map....
135- const filtered = userRoles . filter (
136- userRole =>
137- userRole ?. memberRoleId ?. roleId !== roleId ||
138- userRole ?. memberRoleId ?. memberId !== member . id
138+ const filtered = memberRoles . filter (
139+ memberRole =>
140+ memberRole ?. memberRoleId ?. roleId !== roleId ||
141+ memberRole ?. memberRoleId ?. memberId !== member . id
139142 ) ;
140143 dispatch ( {
141- type : SET_USER_ROLES ,
144+ type : SET_MEMBER_ROLES ,
142145 payload : filtered
143146 } ) ;
144147 window . snackDispatch ( {
@@ -153,14 +156,14 @@ const Roles = () => {
153156
154157 const addToRole = async member => {
155158 const role = roles . find ( role => role . role === currentRole . role ) ;
156- let res = await addUserToRole ( role . id , member . id , csrf ) ;
159+ let res = await addMemberToRole ( role . id , member . id , csrf ) ;
157160 let data =
158161 res . payload && res . payload . data && ! res . error ? res . payload . data : null ;
159162 if ( data ) {
160163 setShowAddUser ( false ) ;
161164 dispatch ( {
162- type : SET_USER_ROLES ,
163- payload : [ ...userRoles , data ]
165+ type : SET_MEMBER_ROLES ,
166+ payload : [ ...memberRoles , data ]
164167 } ) ;
165168 window . snackDispatch ( {
166169 type : UPDATE_TOAST ,
0 commit comments