Correção do useEffect

frontend/src/components/ChatEnd/ModalChatEnd/index.js

@@ -123,7 +123,7 @@ const Modal = (props) => {
   const [schedulesContact, dispatch] =  useReducer(reducer, []); 
 
   const [currencyHourBefore, setCurrency] = useState(null);
-  const [currenciesTimeBefore, setCurrenciesTimeBefore] = useState( ); 
+  const [currenciesTimeBefore, setCurrenciesTimeBefore] = useState(null); 
  
   const handleCancel = (event, reason) => {
 
@@ -160,6 +160,120 @@ const Modal = (props) => {
     return  `${timer.getHours().toString().padStart(2, '0')}:${timer.getMinutes().toString().padStart(2, '0')}`
   }
  
+   
+
+  const handleCloseConfirmationModal = () => {
+    setConfirmModalOpen(false);
+    setSelectedSchedule(null);
+  };
+  
+
+  const handleDeleteSchedule = async (scheduleId) => {
+    try {
+      await api.delete(`/schedule/${scheduleId}`);
+      toast.success(("Agendamento deletado com sucesso!")); 
+      dispatch({ type: "DELETE_SCHEDULE", payload: scheduleId }); 
+    } catch (err) {
+      toastError(err);
+    }
+    setSelectedSchedule(null);
+  };
+
+  // Get from child 2
+const datePickerValue = (data) => { 
+  console.log('datePickerValue: ',(data));   
+  setDatePicker(data) 
+
+   
+}
+
+// Get from child 3
+const timerPickerValue = (data) => { 
+  console.log('timerPickerValue: ',(data));   
+  setTimerPicker(data)
+
+ 
+}
+
+const dateCurrentFormated = () => { 
+
+  let date = new Date()
+  let day = date.getDate().toString().padStart(2, '0');
+  let month = (date.getMonth()+1).toString().padStart(2, '0');
+  let year = date.getFullYear();   
+   
+  return `${year}-${month}-${day}`
+
+}
+
+  const handleChatEnd = (event, reason) => {   
+ 
+
+    if (reason && reason === "backdropClick") 
+        return;
+
+    if (scheduleId === '1'){ 
+    }
+    else if(textArea1 && textArea1.trim().length<10){
+      alert('Mensagem muito curta!\nMínimo 10 caracteres.')
+      return
+    }
+    else if((new Date(timerPicker).getHours() > 20 && new Date(timerPicker).getMinutes() > 0) ||
+    (new Date(timerPicker).getHours() < 7)){
+      alert('Horário comercial inválido!\n Selecione um horário de lembrete válido entre às 07:00 e 20:00')
+      return
+    }
+    else if(!currencyHourBefore){
+
+      alert('Para agendamentos do dia corrente, essa funcionalidade atende a agendeamentos com no mínimo 2 horas adiantado a partir da hora atual!')
+
+      return
+
+    } 
+ 
+
+    props.func({ 
+      'scheduleId': scheduleId,    
+      'schedulingDate': `${startDate} ${currencyHourBefore}:00`,
+      'schedulingTime': startDate+' '+formatedTimeHour(new Date(`${startDate} ${timerPicker.getHours()}:${timerPicker.getMinutes()}:00`)), 
+      'message': textArea1  
+    }); 
+ 
+
+    setOpen(false);
+  };
+ 
+
+  const descriptionElementRef = useRef(null);
+  useEffect(() => {
+    if (open) {
+      const { current: descriptionElement } = descriptionElementRef;
+      if (descriptionElement !== null) {
+        descriptionElement.focus();
+      }
+    }
+  }, [open]);
+
+
+  // Get from child 1
+const textFieldSelect = (data) => {
+  console.log('textFieldSelect: ',data);  
+  setScheduling(data)
+}
+
+
+const handleChangeHourBefore = (event) => {
+
+  console.log('textFihandleChangeHourBefore: ',event.target.value);  
+
+  setCurrency(event.target.value); 
+
+};
+
+  
+
+useEffect(()=>{
+
   const hoursBeforeAvalible = (timer) =>{  
 
     let hours = []
@@ -220,146 +334,6 @@ const Modal = (props) => {
 
   }
 
-   
-
-  const handleCloseConfirmationModal = () => {
-    setConfirmModalOpen(false);
-    setSelectedSchedule(null);
-  };
-  
-
-  const handleDeleteSchedule = async (scheduleId) => {
-    try {
-      await api.delete(`/schedule/${scheduleId}`);
-      toast.success(("Agendamento deletado com sucesso!")); 
-      dispatch({ type: "DELETE_SCHEDULE", payload: scheduleId }); 
-    } catch (err) {
-      toastError(err);
-    }
-    setSelectedSchedule(null);
-  };
-
-  // Get from child 2
-const datePickerValue = (data) => { 
-  console.log('datePickerValue: ',(data));   
-  setDatePicker(data) 
-}
-
-// Get from child 3
-const timerPickerValue = (data) => { 
-  console.log('timerPickerValue: ',(data));   
-  setTimerPicker(data)
-}
-
-const dateCurrentFormated = () => { 
-
-  let date = new Date()
-  let day = date.getDate().toString().padStart(2, '0');
-  let month = (date.getMonth()+1).toString().padStart(2, '0');
-  let year = date.getFullYear();   
-   
-  return `${year}-${month}-${day}`
-
-}
-
-  const handleChatEnd = (event, reason) => {   
- 
-
-    if (reason && reason === "backdropClick") 
-        return;
-
-    if (scheduleId === '1'){ 
-    }
-    else if(textArea1 && textArea1.trim().length<10){
-      alert('Mensagem muito curta!\nMínimo 10 caracteres.')
-      return
-    }
-    else if((new Date(timerPicker).getHours() > 20 && new Date(timerPicker).getMinutes() > 0) ||
-    (new Date(timerPicker).getHours() < 7)){
-      alert('Horário comercial inválido!\n Selecione um horário de lembrete válido entre às 07:00 e 20:00')
-      return
-    }
-    else if(!currencyHourBefore){
-
-      alert('Para agendamentos do dia corrente, essa funcionalidade atende a agendeamentos com no mínimo 2 horas adiantado a partir da hora atual!')
-
-      return
-
-    }
-    // else if(startDate === dateCurrentFormated()){    
-    //   if(  
-    //       (new Date(subHours(timerPicker, 1)).getHours() <= new Date().getHours() && 
-    //       new Date(subHours(timerPicker, 1)).getMinutes() <= new Date().getMinutes()) ||
-
-    //       (new Date(subHours(timerPicker, 1)).getHours() == new Date().getHours() && 
-    //       new Date(subHours(timerPicker, 1)).getMinutes() <= new Date().getMinutes())
-          
-    //       )
-    //   {
-
-    //     alert('Para agendamentos do dia, é necessário que o horário do lembrete seja no mínimo uma hora adiantado!')
-
-    //     return
-    //   }
-    // }    
-
-
-   
- 
-
-    props.func({ 
-      'scheduleId': scheduleId,   
-      // 'schedulingDate': startDate+' '+formatedTimeHour(subHours(new Date(`${startDate} ${timerPicker.getHours()}:${timerPicker.getMinutes()}:${timerPicker.getSeconds()}`), 1))+':00',
-      // 'schedulingDate': `${startDate} ${timerPicker.getHours()}:${timerPicker.getMinutes()}:${timerPicker.getSeconds()}`,
-      'schedulingDate': `${startDate} ${currencyHourBefore}:00`,
-      'schedulingTime': startDate+' '+formatedTimeHour(new Date(`${startDate} ${timerPicker.getHours()}:${timerPicker.getMinutes()}:00`)), 
-      'message': textArea1  
-    }); 
- 
-
-    setOpen(false);
-  };
- 
-
-  const descriptionElementRef = useRef(null);
-  useEffect(() => {
-    if (open) {
-      const { current: descriptionElement } = descriptionElementRef;
-      if (descriptionElement !== null) {
-        descriptionElement.focus();
-      }
-    }
-  }, [open]);
-
-
-  // Get from child 1
-const textFieldSelect = (data) => {
-  console.log('textFieldSelect: ',data);  
-  setScheduling(data)
-}
-
-
-const handleChangeHourBefore = (event) => {
-
-  console.log('textFihandleChangeHourBefore: ',event.target.value);  
-
-  setCurrency(event.target.value); 
-
-};
-
-
- 
-
-
-
-// Get from child 4
-// const textArea1Value = (data) => { 
-//   console.log('textArea1Value: ',(data));   
-//   setTextArea1(data)
-// } 
-
-useEffect(()=>{
-
   setCurrenciesTimeBefore(hoursBeforeAvalible(timerPicker).time)     
      
 },[timerPicker, startDate]) 
@@ -382,7 +356,7 @@ useEffect(()=>{
     setTextArea1('Boa noite, '+greetMessageSchedule( formatedTimeHour(new Date(timerPicker), 1)))
   }   
 
-},[currencyHourBefore, startDate])
+},[currencyHourBefore, startDate, timerPicker])
 
 
 const handleChange = (event) => {
@@ -395,10 +369,7 @@ const handleChange = (event) => {
 
   return (  
  
- 
+    <Dialog 
- 
- 
-<Dialog 
             open={open}
             onClose={handleCancel} 
             // fullWidth={true}
@@ -573,7 +544,6 @@ const handleChange = (event) => {
             </DialogActions>
           </Dialog>  
 
-
   );
 }