Add classroom name in the assignment page
This commit is contained in:
parent
c2dbf5b716
commit
3b56ebb90a
1 changed files with 16 additions and 1 deletions
|
@ -27,8 +27,23 @@ function View({ assignment, dropzone, layoutType }) {
|
||||||
<Typography sx={{ fontWeight: 'bold', padding: '15px 0' }} variant="h4">
|
<Typography sx={{ fontWeight: 'bold', padding: '15px 0' }} variant="h4">
|
||||||
{assignment.title}
|
{assignment.title}
|
||||||
</Typography>
|
</Typography>
|
||||||
|
<Stack flexDirection="row" alignItems="center">
|
||||||
|
{assignment.classrooms.map(c => (
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
backgroundColor: c.color,
|
||||||
|
width: '15px',
|
||||||
|
height: '15px',
|
||||||
|
marginRight: '5px',
|
||||||
|
}}
|
||||||
|
></div>
|
||||||
|
))}
|
||||||
|
<Typography variant="body1">
|
||||||
|
{assignment.classrooms.map(c => c.name).join(', ')}
|
||||||
|
</Typography>
|
||||||
|
</Stack>
|
||||||
<Stack
|
<Stack
|
||||||
sx={{ padding: '5px 0' }}
|
sx={{ paddingBottom: '5px', paddingTop: '20px' }}
|
||||||
flexDirection="row"
|
flexDirection="row"
|
||||||
justifyContent="space-between"
|
justifyContent="space-between"
|
||||||
>
|
>
|
||||||
|
|
Loading…
Reference in a new issue