Merge pull request #32 from 2020-1-RDM/fix-funcao-olho

Fix funcao olho

src/components/RedeCard/RedeCard.jsx

 import React from 'react';
 import { object, func, bool } from 'prop-types';
 import Container from './StyledComponents';
-// import visible from '../../assets/visibility-button.png';
+import visible from '../../assets/visibility-button.png';
 import remove from '../../assets/rubbish-bin-delete-button.png';
 import edition from '../../assets/create-new-pencil-button.png';
 import notVisible from '../../assets/invisible-button.png';
@@ -29,6 +29,7 @@ const Card = ({
   onClickRemove,
   onClickEdit,
   todosHorarios,
+  isVisible,
 }) => {
   const nextAvailableHours = mentoria.dateTime.slice(0, 3)
     .map((day) => <RedeButton claro descricao={`${day.day.slice(0, 3)} - ${day.times[0].hour}`} onClick={onClickSchedule} />);
@@ -61,7 +62,7 @@ const Card = ({
                   <>
                     <RedeIcon imageUrl={remove} onClick={onClickRemove} />
                     <RedeIcon
-                      imageUrl={mentoria.data ? mentoria.data.isVisible : notVisible}
+                      imageUrl={isVisible ? visible : notVisible}
                       onClick={onClickVisible}
                     />
                     <RedeIcon imageUrl={edition} onClick={onClickEdit} />

src/pages/mentor/Mentor.jsx

@@ -26,8 +26,8 @@ function Mentor() {
     if (global.confirm('Você deseja realmente deletar essa mentoria ?')) {
       desativarMentoria(config)
         .then(() => {
-          const allMentorias = mentorias;
-          mentorias.splice(index, 1);
+          const allMentorias = [...mentorias];
+          allMentorias.splice(index, 1);
           setMentorias(allMentorias);
           enqueueSnackbar('Mentoria deletada!', { variant: 'success', autoHideDuration: 2500 });
         })
@@ -41,16 +41,31 @@ function Mentor() {
   };
 
   const changeVisibility = (i) => {
-    const allMentorias = mentorias;
-    allMentorias[i].data.isVisible = !allMentorias[i].data.isVisible;
-    setMentorias(allMentorias);
+    const allMentorias = [...mentorias];
     const token = sessionStorage.getItem('token');
     const { id } = mentorias[i];
     const config = {
       params: { id },
       headers: { Authorization: `Bearer ${token}` },
     };
-    mudarVisibilidade(config);
+    mudarVisibilidade(config).then(
+      () => {
+        allMentorias[i].data.isVisible = !allMentorias[i].data.isVisible;
+        setMentorias(allMentorias);
+        let message;
+        if (allMentorias[i].data.isVisible) message = 'Mentoria não está mais disponível para os mentorandos!';
+        else message = 'Mentoria está disponível para os mentorandos!';
+        enqueueSnackbar(message, { variant: 'success', autoHideDuration: 2500 });
+      },
+    ).catch(
+      () => {
+        enqueueSnackbar(
+          'Falha ao atualizar essa mentoria. Verifique sua conexão e tente novamente.',
+          { variant: 'error', autoHideDuration: 2500 },
+        );
+      },
+
+    );
   };
 
   const editPage = (mentoria) => {
@@ -124,6 +139,7 @@ function Mentor() {
                 onClickRemove={() => changeAvalibility(i)}
                 onClickVisible={() => changeVisibility(i)}
                 onClickEdit={() => editPage(mentoria)}
+                isVisible={mentoria.data.isVisible}
                 todosHorarios
               />
             ))