Skip to content

Commit 6e6a811

Browse files
committed
#1637: reformatted cards on overiew page
1 parent 08f2649 commit 6e6a811

1 file changed

Lines changed: 14 additions & 10 deletions

File tree

src/frontend/src/pages/ChangeRequestsPage/ChangeRequestsOverview.tsx

Lines changed: 14 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,11 @@
33
* See the LICENSE file in the repository root folder for details.
44
*/
55

6-
import { Box, Grid, useTheme } from '@mui/material';
6+
import { Box, Grid, Typography, useTheme } from '@mui/material';
77
import { useAllChangeRequests } from '../../hooks/change-requests.hooks';
88
import LoadingIndicator from '../../components/LoadingIndicator';
99
import ErrorPage from '../ErrorPage';
1010
import { isLeadership, isHead, ChangeRequest, Project, WorkPackage, equalsWbsNumber } from 'shared';
11-
import PageBlock from '../../layouts/PageBlock';
1211
import { useAllProjects } from '../../hooks/projects.hooks';
1312
import { useAllWorkPackages } from '../../hooks/work-packages.hooks';
1413
import ChangeRequestDetailCard from '../../components/ChangeRequestDetailCard';
@@ -111,16 +110,21 @@ const ChangeRequestsOverview: React.FC = () => {
111110
return (
112111
<Box>
113112
{showToReview && (
114-
<PageBlock title={'To Review'} headerRight={`${crToReview.length} Left`}>
113+
<>
114+
<Typography variant="h5" gutterBottom>
115+
To Review
116+
</Typography>
115117
<Grid container>{displayCRCards(crToReview)}</Grid>
116-
</PageBlock>
118+
</>
117119
)}
118-
<PageBlock title={'My Un-reviewed Change Requests'} headerRight={`${crUnreviewed.length} Left`}>
119-
<Grid container>{displayCRCards(crUnreviewed)}</Grid>
120-
</PageBlock>
121-
<PageBlock title={'My Recently Approved Change Requests'} headerRight={`${crApproved.length} Left`} defaultClosed>
122-
<Grid container>{displayCRCards(crApproved)}</Grid>
123-
</PageBlock>
120+
<Typography variant="h5" gutterBottom>
121+
My Un-reviewed Change Requests
122+
</Typography>
123+
<Grid container>{displayCRCards(crUnreviewed)}</Grid>
124+
<Typography variant="h5" gutterBottom>
125+
My Recently Approved Change Requests
126+
</Typography>
127+
<Grid container>{displayCRCards(crApproved)}</Grid>
124128
</Box>
125129
);
126130
};

0 commit comments

Comments
 (0)