expand sub tasks
This commit is contained in:
@@ -60,7 +60,7 @@ const ProjectViewMembers = () => {
|
||||
const { trackMixpanelEvent } = useMixpanelTracking();
|
||||
|
||||
const { refreshTimestamp } = useAppSelector(state => state.projectReducer);
|
||||
|
||||
|
||||
// State
|
||||
const [isLoading, setIsLoading] = useState(false);
|
||||
const [members, setMembers] = useState<IProjectMembersViewModel>();
|
||||
@@ -138,7 +138,14 @@ const ProjectViewMembers = () => {
|
||||
// Effects
|
||||
useEffect(() => {
|
||||
void getProjectMembers();
|
||||
}, [refreshTimestamp, projectId, pagination.current, pagination.pageSize, pagination.field, pagination.order]);
|
||||
}, [
|
||||
refreshTimestamp,
|
||||
projectId,
|
||||
pagination.current,
|
||||
pagination.pageSize,
|
||||
pagination.field,
|
||||
pagination.order,
|
||||
]);
|
||||
|
||||
useEffect(() => {
|
||||
trackMixpanelEvent(evt_project_members_visit);
|
||||
@@ -151,9 +158,13 @@ const ProjectViewMembers = () => {
|
||||
title: t('nameColumn'),
|
||||
dataIndex: 'name',
|
||||
sorter: true,
|
||||
sortOrder: pagination.order === 'ascend' && pagination.field === 'name' ? 'ascend' :
|
||||
pagination.order === 'descend' && pagination.field === 'name' ? 'descend' : null,
|
||||
render: (_,record: IProjectMemberViewModel) => (
|
||||
sortOrder:
|
||||
pagination.order === 'ascend' && pagination.field === 'name'
|
||||
? 'ascend'
|
||||
: pagination.order === 'descend' && pagination.field === 'name'
|
||||
? 'descend'
|
||||
: null,
|
||||
render: (_, record: IProjectMemberViewModel) => (
|
||||
<Flex gap={8} align="center">
|
||||
<Avatar size={28} src={record.avatar_url}>
|
||||
{record.name?.charAt(0)}
|
||||
@@ -167,8 +178,12 @@ const ProjectViewMembers = () => {
|
||||
title: t('jobTitleColumn'),
|
||||
dataIndex: 'job_title',
|
||||
sorter: true,
|
||||
sortOrder: pagination.order === 'ascend' && pagination.field === 'job_title' ? 'ascend' :
|
||||
pagination.order === 'descend' && pagination.field === 'job_title' ? 'descend' : null,
|
||||
sortOrder:
|
||||
pagination.order === 'ascend' && pagination.field === 'job_title'
|
||||
? 'ascend'
|
||||
: pagination.order === 'descend' && pagination.field === 'job_title'
|
||||
? 'descend'
|
||||
: null,
|
||||
render: (_, record: IProjectMemberViewModel) => (
|
||||
<Typography.Text style={{ marginInlineStart: 12 }}>
|
||||
{record?.job_title || '-'}
|
||||
@@ -180,8 +195,12 @@ const ProjectViewMembers = () => {
|
||||
title: t('emailColumn'),
|
||||
dataIndex: 'email',
|
||||
sorter: true,
|
||||
sortOrder: pagination.order === 'ascend' && pagination.field === 'email' ? 'ascend' :
|
||||
pagination.order === 'descend' && pagination.field === 'email' ? 'descend' : null,
|
||||
sortOrder:
|
||||
pagination.order === 'ascend' && pagination.field === 'email'
|
||||
? 'ascend'
|
||||
: pagination.order === 'descend' && pagination.field === 'email'
|
||||
? 'descend'
|
||||
: null,
|
||||
render: (_, record: IProjectMemberViewModel) => (
|
||||
<Typography.Text>{record.email}</Typography.Text>
|
||||
),
|
||||
@@ -210,8 +229,12 @@ const ProjectViewMembers = () => {
|
||||
title: t('accessColumn'),
|
||||
dataIndex: 'access',
|
||||
sorter: true,
|
||||
sortOrder: pagination.order === 'ascend' && pagination.field === 'access' ? 'ascend' :
|
||||
pagination.order === 'descend' && pagination.field === 'access' ? 'descend' : null,
|
||||
sortOrder:
|
||||
pagination.order === 'ascend' && pagination.field === 'access'
|
||||
? 'ascend'
|
||||
: pagination.order === 'descend' && pagination.field === 'access'
|
||||
? 'descend'
|
||||
: null,
|
||||
render: (_, record: IProjectMemberViewModel) => (
|
||||
<Typography.Text style={{ textTransform: 'capitalize' }}>{record.access}</Typography.Text>
|
||||
),
|
||||
|
||||
Reference in New Issue
Block a user