leomurca/if-salas-web
leomurca/if-salas-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add Edit icons

Browse source
This commit is contained in:
Leonardo Murça 2022-12-20 19:22:08 -03:00
parent 8cdd217ddd
commit 4b38424ea7
1 changed files with 39 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
src/screens/professor/Classroom/AnnouncementsTab/index.js
View file

@ -4,11 +4,13 @@ import {
Card, Card,
Container, Container,
Grid, Grid,
IconButton,
Link, Link,
Skeleton, Skeleton,
Stack, Stack,
Typography, Typography,
} from '@mui/material'; } from '@mui/material';
import MoreVertIcon from '@mui/icons-material/MoreVert';
import AnnouncementCard from '../../../../components/AnnouncementCard'; import AnnouncementCard from '../../../../components/AnnouncementCard';
import styles from './styles'; import styles from './styles';
@ -69,12 +71,20 @@ function AnnouncementsTab({
<Stack justifyContent="flex-start" spacing={1}> <Stack justifyContent="flex-start" spacing={1}>
<Container <Container
disableGutters disableGutters
sx={{ display: 'flex', justifyContent: 'row' }} sx={{
display: 'flex',
justifyContent: 'space-between',
}}
> >
<img src={jitsiLogo} alt="Jitsi Meet" /> <Stack direction="row">
<h3 style={{ fontWeight: 500 }}> <img src={jitsiLogo} alt="Jitsi Meet" />
Sala de aula virtual <h3 style={{ fontWeight: 500 }}>
</h3> Sala de aula virtual
</h3>
</Stack>
<IconButton aria-label="edit" size="medium">
<MoreVertIcon fontSize="inherit" />
</IconButton>
</Container> </Container>
<Button <Button
@ -117,9 +127,20 @@ function AnnouncementsTab({
variant="elevation" variant="elevation"
> >
<Stack justifyContent="flex-start" spacing={1}> <Stack justifyContent="flex-start" spacing={1}>
<h3 style={{ fontWeight: 500 }}> <Container
Horários de Atendimento disableGutters
</h3> sx={{
display: 'flex',
justifyContent: 'space-between',
}}
>
<h3 style={{ fontWeight: 500 }}>
Horários de Atendimento
</h3>
<IconButton aria-label="edit" size="medium">
<MoreVertIcon fontSize="inherit" />
</IconButton>
</Container>
{classroom.appointmentSlots.map((appts, index) => ( {classroom.appointmentSlots.map((appts, index) => (
<Typography key={index} variant="body1"> <Typography key={index} variant="body1">
{appts.weekDay}, {appts.start}h - {appts.end}h {appts.weekDay}, {appts.start}h - {appts.end}h
@ -219,10 +240,17 @@ function AnnouncementsTab({
<Stack justifyContent="flex-start" spacing={1}> <Stack justifyContent="flex-start" spacing={1}>
<Container <Container
disableGutters disableGutters
sx={{ display: 'flex', justifyContent: 'row' }} sx={{ display: 'flex', justifyContent: 'space-between' }}
> >
<img src={jitsiLogo} alt="Jitsi Meet" /> <Stack direction="row">
<h3 style={{ fontWeight: 500 }}>Sala de aula virtual</h3> <img src={jitsiLogo} alt="Jitsi Meet" />
<h3 style={{ fontWeight: 500 }}>
Sala de aula virtual
</h3>
</Stack>
<IconButton aria-label="edit" size="medium">
<MoreVertIcon fontSize="inherit" />
</IconButton>
</Container> </Container>
<Button <Button
variant="contained" variant="contained"