-
-
Notifications
You must be signed in to change notification settings - Fork 656
/
ProjectMembersWidget.tsx
49 lines (44 loc) · 1.35 KB
/
ProjectMembersWidget.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
import {
StyledProjectInfoWidgetContainer,
StyledWidgetTitle,
} from './ProjectInfo.styles';
import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig';
import { StatusBox } from '../ProjectStats/StatusBox';
import { WidgetFooterLink } from './WidgetFooterLink';
import { Box } from '@mui/material';
interface IProjectMembersWidgetProps {
projectId: string;
memberCount: number;
change?: number;
}
/**
* @deprecated in favor of ProjectMembers.tsx
*/
export const ProjectMembersWidget = ({
projectId,
memberCount,
change = 0,
}: IProjectMembersWidgetProps) => {
const { uiConfig } = useUiConfig();
let link = `/admin/users`;
if (uiConfig?.versionInfo?.current?.enterprise) {
link = `/projects/${projectId}/settings/access`;
}
return (
<StyledProjectInfoWidgetContainer>
<StyledWidgetTitle data-loading>Project members</StyledWidgetTitle>
<Box
data-loading
sx={{
display: 'flex',
justifyContent: 'center',
}}
>
<StatusBox boxText={`${memberCount}`} change={change} />
</Box>
<WidgetFooterLink data-loading to={link}>
View all members
</WidgetFooterLink>
</StyledProjectInfoWidgetContainer>
);
};