From 4b38424ea7e851fa535d5e50633b102a5ffaecd5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Leonardo=20Mur=C3=A7a?= <leo@leomurca.xyz>
Date: Tue, 20 Dec 2022 19:22:08 -0300
Subject: [PATCH] Add Edit icons

---
 .../Classroom/AnnouncementsTab/index.js       | 50 +++++++++++++++----
 1 file changed, 39 insertions(+), 11 deletions(-)

diff --git a/src/screens/professor/Classroom/AnnouncementsTab/index.js b/src/screens/professor/Classroom/AnnouncementsTab/index.js
index e419e54..c5af40b 100644
--- a/src/screens/professor/Classroom/AnnouncementsTab/index.js
+++ b/src/screens/professor/Classroom/AnnouncementsTab/index.js
@@ -4,11 +4,13 @@ import {
   Card,
   Container,
   Grid,
+  IconButton,
   Link,
   Skeleton,
   Stack,
   Typography,
 } from '@mui/material';
+import MoreVertIcon from '@mui/icons-material/MoreVert';
 import AnnouncementCard from '../../../../components/AnnouncementCard';
 
 import styles from './styles';
@@ -69,12 +71,20 @@ function AnnouncementsTab({
                     <Stack justifyContent="flex-start" spacing={1}>
                       <Container
                         disableGutters
-                        sx={{ display: 'flex', justifyContent: 'row' }}
+                        sx={{
+                          display: 'flex',
+                          justifyContent: 'space-between',
+                        }}
                       >
-                        <img src={jitsiLogo} alt="Jitsi Meet" />
-                        <h3 style={{ fontWeight: 500 }}>
-                          Sala de aula virtual
-                        </h3>
+                        <Stack direction="row">
+                          <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>
 
                       <Button
@@ -117,9 +127,20 @@ function AnnouncementsTab({
                     variant="elevation"
                   >
                     <Stack justifyContent="flex-start" spacing={1}>
-                      <h3 style={{ fontWeight: 500 }}>
-                        Horários de Atendimento
-                      </h3>
+                      <Container
+                        disableGutters
+                        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) => (
                         <Typography key={index} variant="body1">
                           {appts.weekDay}, {appts.start}h - {appts.end}h
@@ -219,10 +240,17 @@ function AnnouncementsTab({
                   <Stack justifyContent="flex-start" spacing={1}>
                     <Container
                       disableGutters
-                      sx={{ display: 'flex', justifyContent: 'row' }}
+                      sx={{ display: 'flex', justifyContent: 'space-between' }}
                     >
-                      <img src={jitsiLogo} alt="Jitsi Meet" />
-                      <h3 style={{ fontWeight: 500 }}>Sala de aula virtual</h3>
+                      <Stack direction="row">
+                        <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>
                     <Button
                       variant="contained"