diff options
| author | Leonardo Murça <106257713+leomurca@users.noreply.github.com> | 2023-02-07 20:40:41 -0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-02-07 20:40:41 -0300 |
| commit | 8eca8b79ce4bfc40f8416309cbcfe397ed935ec4 (patch) | |
| tree | ca4152122b67605e76f7a53ed1a14402255b23aa /src/components/ClassCard | |
| parent | e3de3c8e5fe06f7d14b2dc99a8b6aadc3b9bf18a (diff) | |
| parent | c1f1286c86a47b87abcca55cbd0177d2a9c92fcd (diff) | |
Feature/professor classroom
Diffstat (limited to 'src/components/ClassCard')
| -rw-r--r-- | src/components/ClassCard/index.js | 75 |
1 files changed, 43 insertions, 32 deletions
diff --git a/src/components/ClassCard/index.js b/src/components/ClassCard/index.js index 79bf495..6c78254 100644 --- a/src/components/ClassCard/index.js +++ b/src/components/ClassCard/index.js @@ -17,6 +17,7 @@ function ClassCard({ title, color, teachers, + course, layoutType, onClick, }) { @@ -45,23 +46,30 @@ function ClassCard({ > {title} </Typography> - <Stack alignItems="center" direction="row" spacing={1}> - <AvatarGroup total={teachers.length}> - {teachers.map(t => ( - <Avatar - key={t.name} - alt={t.name} - src={t.avatar} - sx={avatar} - /> - ))} - </AvatarGroup> - <Tooltip title={teachers.map(t => t.name).join(', ')}> - <Typography sx={tooltip} variant="body3" color="text.secondary"> - {teachers.map(t => t.name).join(', ')} - </Typography> - </Tooltip> - </Stack> + {teachers && ( + <Stack alignItems="center" direction="row" spacing={1}> + <AvatarGroup total={teachers.length}> + {teachers.map(t => ( + <Avatar + key={t.name} + alt={t.name} + src={t.avatar} + sx={avatar} + /> + ))} + </AvatarGroup> + <Tooltip title={teachers.map(t => t.name).join(', ')}> + <Typography + sx={tooltip} + variant="body3" + color="text.secondary" + > + {teachers.map(t => t.name).join(', ')} + </Typography> + </Tooltip> + </Stack> + )} + {course && <Typography variant="body2">{course}</Typography>} </CardContent> </CardActionArea> </Card> @@ -82,21 +90,24 @@ function ClassCard({ > {title} </Typography> - <Stack alignItems="center" direction="row" spacing={1}> - <AvatarGroup total={teachers.length}> - {teachers.map(t => ( - <Avatar - key={t.name} - alt={t.name} - src={t.avatar} - sx={avatar} - /> - ))} - </AvatarGroup> - <Typography sx={tooltip} variant="body2" color="text.secondary"> - {teachers.map(t => t.name).join(', ')} - </Typography> - </Stack> + {teachers && ( + <Stack alignItems="center" direction="row" spacing={1}> + <AvatarGroup total={teachers.length}> + {teachers.map(t => ( + <Avatar + key={t.name} + alt={t.name} + src={t.avatar} + sx={avatar} + /> + ))} + </AvatarGroup> + <Typography sx={tooltip} variant="body2" color="text.secondary"> + {teachers.map(t => t.name).join(', ')} + </Typography> + </Stack> + )} + {course && <Typography variant="body2">{course}</Typography>} </CardContent> </CardActionArea> </Card> |