Merge pull request #36 from 2020-1-RDM/modal

Fix modal tela do mentor

src/pages/adm/StyledComponents/ContainerIcon.jsx

 import styled from 'styled-components';
+// eslint-disable-next-line import/no-extraneous-dependencies
 import { shade } from 'polished';
 
 import COLOR from '../../../utils/colors.constants';

src/pages/mentor/Mentor.jsx

@@ -4,7 +4,7 @@ import { Container } from '@material-ui/core';
 import { useSnackbar } from 'notistack';
 import StyledContainer from './StyledComponents';
 import Card from '../../components/RedeCard/RedeCard';
-// import ProfileInfo from '../../components/RedeProfileInfo/RedeProfileInfo';
+import ModalRep from '../adm/StyledComponents/ModalReprove';
 import { mentoriasByMentor, desativarMentoria, mudarVisibilidade } from '../../services/mentoria';
 import { profile } from '../../services/user';
 import RedeButton from '../../components/RedeButton/RedeButton';
@@ -12,32 +12,32 @@ import { userTypes } from '../../utils/userType.constants';
 
 function Mentor() {
   const history = useHistory();
+  const [flagModalRep, setFlagModalRep] = useState(false);
+  const [mentoringId, setMentoringId] = useState('');
   const [mentorias, setMentorias] = useState([]);
   const { enqueueSnackbar } = useSnackbar();
 
-  const changeAvalibility = (index) => {
+  const changeAvailability = () => {
     const token = sessionStorage.getItem('token');
-    const { id } = mentorias[index];
+    const id = mentoringId;
     const config = {
       params: { id },
       headers: { Authorization: `Bearer ${token}` },
     };
 
-    if (global.confirm('Você deseja realmente deletar essa mentoria ?')) {
-      desativarMentoria(config)
-        .then(() => {
-          const allMentorias = [...mentorias];
-          allMentorias.splice(index, 1);
-          setMentorias(allMentorias);
-          enqueueSnackbar('Mentoria deletada!', { variant: 'success', autoHideDuration: 2500 });
-        })
-        .catch(() => {
-          enqueueSnackbar(
-            'Falha ao deletar essa mentoria. Verifique sua conexão e tente novamente.',
-            { variant: 'error', autoHideDuration: 2500 },
-          );
-        });
-    }
+    desativarMentoria(config)
+      .then(() => {
+        setMentorias(mentorias.filter((el) => el.id !== id));
+        enqueueSnackbar('Mentoria deletada!', { variant: 'success', autoHideDuration: 2500 });
+        // eslint-disable-next-line no-use-before-define
+        fechaModalRep();
+      })
+      .catch(() => {
+        enqueueSnackbar(
+          'Falha ao deletar essa mentoria. Verifique sua conexão e tente novamente.',
+          { variant: 'error', autoHideDuration: 2500 },
+        );
+      });
   };
 
   const changeVisibility = (i) => {
@@ -123,6 +123,16 @@ function Mentor() {
     fetchCards();
   }, []);
 
+  // eslint-disable-next-line no-shadow
+  function abreModalRep(mentoriaId) {
+    setMentoringId(mentoriaId);
+    setFlagModalRep(true);
+  }
+
+  function fechaModalRep() {
+    setFlagModalRep(false);
+  }
+
   return (
     <>
       <Container>
@@ -136,7 +146,7 @@ function Mentor() {
               <Card
                 key={mentoria.id}
                 mentoria={mentoria.data}
-                onClickRemove={() => changeAvalibility(i)}
+                onClickRemove={() => abreModalRep(mentoria.id)}
                 onClickVisible={() => changeVisibility(i)}
                 onClickEdit={() => editPage(mentoria)}
                 isVisible={mentoria.data.isVisible}
@@ -144,6 +154,11 @@ function Mentor() {
               />
             ))
           ) : (<StyledContainer.Subtitle>Nenhuma mentoria encontrada!</StyledContainer.Subtitle>)}
+          <ModalRep
+            open={flagModalRep}
+            handleClose={() => fechaModalRep()}
+            evaluateMentoring={() => changeAvailability()}
+          />
         </StyledContainer>
       </Container>
     </>