@@ -2,16 +2,16 @@ import { PageContent } from 'component/common/PageContent/PageContent';
2
2
import { PageHeader } from 'component/common/PageHeader/PageHeader' ;
3
3
import { useRequiredPathParam } from 'hooks/useRequiredPathParam' ;
4
4
import useUserInfo from 'hooks/api/getters/useUserInfo/useUserInfo' ;
5
- import { PermissionsTable } from './PermissionsTable ' ;
5
+ import { AccessOverviewTable } from './AccessOverviewTable ' ;
6
6
import { styled , useMediaQuery } from '@mui/material' ;
7
7
import { useEffect , useState } from 'react' ;
8
8
import { useEnvironments } from 'hooks/api/getters/useEnvironments/useEnvironments' ;
9
9
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender' ;
10
10
import theme from 'themes/theme' ;
11
11
import { StringParam , useQueryParams } from 'use-query-params' ;
12
12
import useProjects from 'hooks/api/getters/useProjects/useProjects' ;
13
- import { AccessMatrixSelect } from './AccessMatrixSelect ' ;
14
- import { useUserAccessMatrix } from 'hooks/api/getters/useUserAccessMatrix/useUserAccessMatrix ' ;
13
+ import { AccessOverviewSelect } from './AccessOverviewSelect ' ;
14
+ import { useUserAccessOverview } from 'hooks/api/getters/useUserAccessOverview/useUserAccessOverview ' ;
15
15
16
16
const StyledActionsContainer = styled ( 'div' ) ( ( { theme } ) => ( {
17
17
display : 'flex' ,
@@ -28,7 +28,7 @@ const StyledTitle = styled('h2')(({ theme }) => ({
28
28
margin : theme . spacing ( 2 , 0 ) ,
29
29
} ) ) ;
30
30
31
- export const AccessMatrix = ( ) => {
31
+ export const AccessOverview = ( ) => {
32
32
const id = useRequiredPathParam ( 'id' ) ;
33
33
const [ query , setQuery ] = useQueryParams ( {
34
34
project : StringParam ,
@@ -45,7 +45,7 @@ export const AccessMatrix = () => {
45
45
query . environment ?? undefined ,
46
46
) ;
47
47
48
- const { matrix , rootRole, projectRoles } = useUserAccessMatrix (
48
+ const { overview , rootRole, projectRoles } = useUserAccessOverview (
49
49
id ,
50
50
project ,
51
51
environment ,
@@ -63,14 +63,14 @@ export const AccessMatrix = () => {
63
63
64
64
const AccessActions = (
65
65
< StyledActionsContainer >
66
- < AccessMatrixSelect
66
+ < AccessOverviewSelect
67
67
label = 'Project'
68
68
options = { projects }
69
69
getOptionLabel = { ( option ) => option ?. name ?? '' }
70
70
value = { projects . find ( ( { id } ) => id === project ) }
71
71
setValue = { ( value ) => setProject ( value ?. id ?? '' ) }
72
72
/>
73
- < AccessMatrixSelect
73
+ < AccessOverviewSelect
74
74
label = 'Environment'
75
75
options = { environments }
76
76
getOptionLabel = { ( option ) =>
@@ -89,7 +89,7 @@ export const AccessMatrix = () => {
89
89
isLoading = { loading }
90
90
header = {
91
91
< PageHeader
92
- title = { `Access for ${ user . name ?? user . username } ` }
92
+ title = { `Access overview for ${ user . name ?? user . username } ` }
93
93
actions = {
94
94
< ConditionallyRender
95
95
condition = { ! isSmallScreen }
@@ -107,16 +107,16 @@ export const AccessMatrix = () => {
107
107
< StyledTitle >
108
108
Root permissions for role { rootRole ?. name }
109
109
</ StyledTitle >
110
- < PermissionsTable permissions = { matrix ?. root ?? [ ] } />
110
+ < AccessOverviewTable permissions = { overview ?. root ?? [ ] } />
111
111
< StyledTitle >
112
112
Project permissions for project { project } with project roles [
113
113
{ projectRoles ?. map ( ( role : any ) => role . name ) . join ( ', ' ) } ]
114
114
</ StyledTitle >
115
- < PermissionsTable permissions = { matrix ?. project ?? [ ] } />
115
+ < AccessOverviewTable permissions = { overview ?. project ?? [ ] } />
116
116
< StyledTitle >
117
117
Environment permissions for environment { environment }
118
118
</ StyledTitle >
119
- < PermissionsTable permissions = { matrix ?. environment ?? [ ] } />
119
+ < AccessOverviewTable permissions = { overview ?. environment ?? [ ] } />
120
120
</ PageContent >
121
121
) ;
122
122
} ;
0 commit comments