|
3 | 3 | * See the LICENSE file in the repository root folder for details. |
4 | 4 | */ |
5 | 5 |
|
6 | | -import { Box, Grid, useTheme } from '@mui/material'; |
| 6 | +import { Box, Grid, Typography, useTheme } from '@mui/material'; |
7 | 7 | import { useAllChangeRequests } from '../../hooks/change-requests.hooks'; |
8 | 8 | import LoadingIndicator from '../../components/LoadingIndicator'; |
9 | 9 | import ErrorPage from '../ErrorPage'; |
10 | 10 | import { isLeadership, isHead, ChangeRequest, Project, WorkPackage, equalsWbsNumber } from 'shared'; |
11 | | -import PageBlock from '../../layouts/PageBlock'; |
12 | 11 | import { useAllProjects } from '../../hooks/projects.hooks'; |
13 | 12 | import { useAllWorkPackages } from '../../hooks/work-packages.hooks'; |
14 | 13 | import ChangeRequestDetailCard from '../../components/ChangeRequestDetailCard'; |
@@ -111,16 +110,21 @@ const ChangeRequestsOverview: React.FC = () => { |
111 | 110 | return ( |
112 | 111 | <Box> |
113 | 112 | {showToReview && ( |
114 | | - <PageBlock title={'To Review'} headerRight={`${crToReview.length} Left`}> |
| 113 | + <> |
| 114 | + <Typography variant="h5" gutterBottom> |
| 115 | + To Review |
| 116 | + </Typography> |
115 | 117 | <Grid container>{displayCRCards(crToReview)}</Grid> |
116 | | - </PageBlock> |
| 118 | + </> |
117 | 119 | )} |
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> |
124 | 128 | </Box> |
125 | 129 | ); |
126 | 130 | }; |
|
0 commit comments