Skip to content

Commit e0e1bef

Browse files
chpy04chpy04
committed
prettier for gantt tasks
1 parent 39b5ba2 commit e0e1bef

1 file changed

Lines changed: 83 additions & 94 deletions

File tree

‎src/frontend/src/pages/GanttPage/ProjectGanttChart/GanttChartColorLegend.tsx‎

Lines changed: 83 additions & 94 deletions
Original file line numberDiff line numberDiff line change
@@ -33,27 +33,25 @@ Object.values(WorkPackageStage).map((stage) =>
3333
py: 1
3434
}}
3535
>
36-
{
37-
Object.values(WbsElementStatus).map((status) => {
38-
return (
39-
<Box
40-
sx={{
41-
backgroundColor: ganttWorkPackageStageColorPipe(stage, status),
42-
height: '2rem',
43-
width: '8rem',
44-
borderRadius: 1,
45-
display: 'flex',
46-
justifyContent: 'center',
47-
alignItems: 'center'
48-
}}
49-
>
50-
<Typography variant="body1" sx={{ color: GanttWorkPackageTextColor }}>
51-
{WbsElementStatusTextPipe(status)}
52-
</Typography>
53-
</Box>
54-
);
55-
})
56-
}
36+
{Object.values(WbsElementStatus).map((status) => {
37+
return (
38+
<Box
39+
sx={{
40+
backgroundColor: ganttWorkPackageStageColorPipe(stage, status),
41+
height: '2rem',
42+
width: '8rem',
43+
borderRadius: 1,
44+
display: 'flex',
45+
justifyContent: 'center',
46+
alignItems: 'center'
47+
}}
48+
>
49+
<Typography variant="body1" sx={{ color: GanttWorkPackageTextColor }}>
50+
{WbsElementStatusTextPipe(status)}
51+
</Typography>
52+
</Box>
53+
);
54+
})}
5755
</Card>
5856
)
5957
);
@@ -69,27 +67,25 @@ const DesignReviewToolTipPopUp = () => {
6967
py: 1
7068
}}
7169
>
72-
{
73-
[DesignReviewStatus.UNCONFIRMED, DesignReviewStatus.SCHEDULED].map((status) => {
74-
return (
75-
<Box
76-
sx={{
77-
backgroundColor: ganttDesignReviewStatusColorPipe(status),
78-
height: '2rem',
79-
width: '8rem',
80-
borderRadius: 1,
81-
display: 'flex',
82-
justifyContent: 'center',
83-
alignItems: 'center'
84-
}}
85-
>
86-
<Typography variant="body1" sx={{ color: 'white' }}>
87-
{DesignReviewStatusTextPipe(status)}
88-
</Typography>
89-
</Box>
90-
);
91-
})
92-
}
70+
{[DesignReviewStatus.UNCONFIRMED, DesignReviewStatus.SCHEDULED].map((status) => {
71+
return (
72+
<Box
73+
sx={{
74+
backgroundColor: ganttDesignReviewStatusColorPipe(status),
75+
height: '2rem',
76+
width: '8rem',
77+
borderRadius: 1,
78+
display: 'flex',
79+
justifyContent: 'center',
80+
alignItems: 'center'
81+
}}
82+
>
83+
<Typography variant="body1" sx={{ color: 'white' }}>
84+
{DesignReviewStatusTextPipe(status)}
85+
</Typography>
86+
</Box>
87+
);
88+
})}
9389
</Card>
9490
);
9591
};
@@ -105,27 +101,25 @@ const TaskToolTopPopUp = () => {
105101
py: 1
106102
}}
107103
>
108-
{
109-
[TaskStatus.IN_BACKLOG, TaskStatus.IN_PROGRESS, TaskStatus.DONE].map((status) => {
110-
return (
111-
<Box
112-
sx={{
113-
backgroundColor: ganttTaskColorPipe(status),
114-
height: '2rem',
115-
width: '8rem',
116-
borderRadius: 1,
117-
display: 'flex',
118-
justifyContent: 'center',
119-
alignItems: 'center'
120-
}}
121-
>
122-
<Typography variant="body1" sx={{ color: 'white' }}>
123-
{TaskStatusTextPipe(status)}
124-
</Typography>
125-
</Box>
126-
);
127-
})
128-
}
104+
{[TaskStatus.IN_BACKLOG, TaskStatus.IN_PROGRESS, TaskStatus.DONE].map((status) => {
105+
return (
106+
<Box
107+
sx={{
108+
backgroundColor: ganttTaskColorPipe(status),
109+
height: '2rem',
110+
width: '8rem',
111+
borderRadius: 1,
112+
display: 'flex',
113+
justifyContent: 'center',
114+
alignItems: 'center'
115+
}}
116+
>
117+
<Typography variant="body1" sx={{ color: 'white' }}>
118+
{TaskStatusTextPipe(status)}
119+
</Typography>
120+
</Box>
121+
);
122+
})}
129123
</Card>
130124
);
131125
};
@@ -145,39 +139,34 @@ const GanttChartColorLegend = () => {
145139
msOverflowStyle: 'none' // IE and Edge
146140
}}
147141
>
148-
{
149-
Object.values(WorkPackageStage).map((stage) => {
150-
return (
151-
<Box
152-
sx={{
153-
background: ganttWorkPackageStageColorPipe(stage, WbsElementStatus.Active),
154-
display: 'flex',
155-
flexDirection: 'column',
156-
height: '2rem',
157-
width: '8.25rem',
158-
borderRadius: 1,
159-
justifyContent: 'center',
160-
alignItems: 'center',
161-
px: 0.8
142+
{Object.values(WorkPackageStage).map((stage) => {
143+
return (
144+
<Box
145+
sx={{
146+
background: ganttWorkPackageStageColorPipe(stage, WbsElementStatus.Active),
147+
display: 'flex',
148+
flexDirection: 'column',
149+
height: '2rem',
150+
width: '8.25rem',
151+
borderRadius: 1,
152+
justifyContent: 'center',
153+
alignItems: 'center',
154+
px: 0.8
155+
}}
156+
>
157+
<Tooltip
158+
title={LEGEND_POPUPS_MAP.get(stage)}
159+
slotProps={{
160+
tooltip: { sx: { background: 'transparent', width: 'fit-content' } }
162161
}}
163162
>
164-
<Tooltip
165-
title={LEGEND_POPUPS_MAP.get(stage)}
166-
slotProps={{
167-
tooltip: { sx: { background: 'transparent', width: 'fit-content' } }
168-
}}
169-
>
170-
<Typography
171-
variant="body2"
172-
sx={{ color: GanttWorkPackageTextColor, overflow: 'hidden', textWrap: 'nowrap' }}
173-
>
174-
{WorkPackageStageTextPipe(stage)}
175-
</Typography>
176-
</Tooltip>
177-
</Box>
178-
);
179-
})
180-
}
163+
<Typography variant="body2" sx={{ color: GanttWorkPackageTextColor, overflow: 'hidden', textWrap: 'nowrap' }}>
164+
{WorkPackageStageTextPipe(stage)}
165+
</Typography>
166+
</Tooltip>
167+
</Box>
168+
);
169+
})}
181170
<Box
182171
sx={{
183172
background: ganttTaskColorPipe(TaskStatus.IN_PROGRESS),

0 commit comments

Comments
 (0)