Merge pull request #43 from 2020-1-RDM/fix-refresh-horarioMentorias

Fix refresh horario mentorias

src/components/RedeHorarioCard/RedeHorarioCard.jsx

@@ -10,25 +10,26 @@ import RedeMarcarMentoria from '../RedeMarcarMentoria/RedeMarcarMentoria';
 import { marcarMentoria } from '../../services/mentoria';
 
 function RedeHorarioCard({ mentoria }) {
+
   const [open, setOpen] = React.useState(false);
   const [timeInfo, setTimeInfo] = React.useState('');
   const [dateInfo, setDateInfo] = React.useState('');
-
+  const [mentoriaSelect, setMentoriaSelect] = React.useState(mentoria);
   const { enqueueSnackbar } = useSnackbar();
 
-
   const enqueue = (msg = '', variant = 'error', autoHideDuration = 2500) => {
     enqueueSnackbar(msg, { variant, autoHideDuration });
   };
 
-  const { dateTime } = mentoria;
+  const { dateTime } = mentoriaSelect;
   const sortedTimes = dateTime.sort((dateTimeA, dateTimeB) => dateTimeA.dayOfTheMonth.split('/')[0] - dateTimeB.dayOfTheMonth.split('/')[0])
     .sort((dateTimeA, dateTimeB) => dateTimeA.dayOfTheMonth.split('/')[1] - dateTimeB.dayOfTheMonth.split('/')[1]);
 
   const timeInformation = sortedTimes.map((dt) => {
     // Quebra o dia onde tiver a string /, e tira os espaços em branco
     let dayOfTheMonth = dt.dayOfTheMonth.replace(/ /g, '').split('/');
-    // Loop dentro da data, se encontrar algum numero com tamanho 1, significa que precisa colocar o 0
+    // Loop dentro da data, se encontrar algum numero com tamanho 1,
+    // significa que precisa colocar o 0
     // Por ex, mês 8 tem tamanho 1, precisa ficar 08
     for (let i = 0; i < 2; i += 1) if (dayOfTheMonth[i].length === 1) dayOfTheMonth[i] = `0${dayOfTheMonth[i]}`;
     // Junta o array, separando por /
@@ -59,13 +60,26 @@ function RedeHorarioCard({ mentoria }) {
   });
 
   function onConfirm(data) {
+    const newMentoria = { ...mentoriaSelect };
+
     const token = sessionStorage.getItem('token');
     const headers = { headers: { Authorization: `Bearer ${token}` } };
+    console.log(mentoria);
     marcarMentoria(headers, { idMentoria: mentoria.idMentoria, choice: data })
-      .then((res) => (
-        res.status === 200
-          ? enqueue('Mentoria cadastrada com sucesso', 'success')
-          : console.log('Falha ao marcar mentoria. Código: ', res.status)))
+      .then((res) => {
+        if (res.status === 200) {
+          newMentoria.dateTime.forEach((element) => {
+            if (element.dayOfTheMonth === data.date && element.times[0].hour === data.hour) {
+              // eslint-disable-next-line no-param-reassign
+              element.times[0].flagBusy = true;
+            }
+          });
+          setMentoriaSelect(newMentoria);
+
+          localStorage.setItem('updatedMentoria', JSON.stringify(newMentoria));
+          enqueue('Mentoria cadastrada com sucesso', 'success');
+        }
+      })
       .catch((err) => {
         enqueue('Erro ao marcar mentoria');
         console.error(err);
@@ -77,10 +91,10 @@ function RedeHorarioCard({ mentoria }) {
       <>
         <RedeMarcarMentoria
           opened={open}
-          image={`${urlFiles}/${mentoria.image}`}
-          title={mentoria.title}
-          userName={mentoria.mentorInfos.name}
-          userImage={`${urlFiles}/${mentoria.mentorInfos.image}`}
+          image={`${urlFiles}/${mentoriaSelect.image}`}
+          title={mentoriaSelect.title}
+          userName={mentoriaSelect.mentorInfos.name}
+          userImage={`${urlFiles}/${mentoriaSelect.mentorInfos.image}`}
           date={dateInfo}
           hour={timeInfo}
           onClose={() => setOpen(false)}

src/pages/mentoria/Mentoria.jsx

-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import { Redirect } from 'react-router';
 import Container from './StyledComponents';
 import Caminho from '../mentorias/StyledComponents/Caminho';
@@ -13,16 +13,30 @@ import Legend from './StyledComponents/Legend';
 import HeaderCard from './StyledComponents/HeaderCard';
 import RedeHorarioCard from '../../components/RedeHorarioCard/RedeHorarioCard';
 import RedeHorarioButton from '../../components/RedeHorarioButton/RedeHorarioButton';
+import { buscarMentoria } from '../../services/mentoria';
 
 function Mentoria() {
   const [redirectTo, setRedirectTo] = useState('');
-  const mentoria = JSON.parse(sessionStorage.getItem('mentoriaSelected'));
+  const [mentoria, setMentoria] = useState(null);
   const areaConhecimento = sessionStorage.getItem('areaSelected');
 
-  // Http.put(`/mentoria/choice/${mentoria.idMentoria}`, data, headers);
-
+  useEffect(() => {
+    async function fetchMentoria() {
+      const token = sessionStorage.getItem('token');
+      const { idMentoria } = JSON.parse(sessionStorage.getItem('mentoriaSelected'));
+      await buscarMentoria({ headers: { Authorization: `Bearer ${token}`, id: idMentoria } }).then(
+        (res) => {
+          const helpObj = res.data;
+          helpObj.idMentoria = res.data.id;
+          setMentoria(helpObj);
+        },
+      ).catch(() => null);
+    }
+    fetchMentoria();
+  }, []);
   console.log(mentoria);
-  return (redirectTo) ? <Redirect to={redirectTo} /> : (
+  if (!mentoria) return null;
+  return (redirectTo) ? (<Redirect to={redirectTo} />) : (
     <Container>
       <CaminhoAp>
         <CaminhoTitleDesabilitado onClick={() => setRedirectTo('/mentorado')}>Home</CaminhoTitleDesabilitado>

src/services/mentoria.js

@@ -5,4 +5,5 @@ export const atualizarMentoria = (headers, data) => Http.put(`/mentoria/alter/${
 export const marcarMentoria = (headers, data) => Http.put(`/mentoria/choice/${data.idMentoria}`, data.choice, headers);
 export const mentoriasByMentor = (headers) => Http.get('/mentoriaSession', headers);
 export const cadastrarMentoria = (headers, data) => Http.post('/cadastroMentoria', data, headers);
-export const mudarVisibilidade = (headers) => Http.put('/mentoria/changeVisibility/', null, headers);
+export const mudarVisibilidade = (headers) => Http.put('/mentoria/changeVisibility/', null, headers);
\ No newline at end of file
+export const buscarMentoria = (headers) => Http.get(`/mentoria/${headers.headers.id}`, headers);
\ No newline at end of file