Alteração em node redundante do banco de dados Schedules e alteração no código com referência a esse nome

2022-03-22 23:59:01 -03:00 · 2022-03-22 23:59:01 -03:00 · 9e8c9be17d
parent 7020d15c70
commit 9e8c9be17d
20 changed files with 599 additions and 61 deletions
--- a/backend/src/controllers/SchedulingNotifyController.ts
+++ b/backend/src/controllers/SchedulingNotifyController.ts
@ -3,7 +3,7 @@ import AppError from "../errors/AppError";
  
 import DeleteSchedulingNotifyService from  "../services/SchedulingNotifyServices/DeleteSchedulingNotifyService";
 import ListSchedulingNotifyContactService from  "../services/SchedulingNotifyServices/ListSchedulingNotifyContactService";
-
+ 

 // const test = await ListSchedulingNotifyContactService('5517988310949','2022-03-18','2022-03-19'); 
 // const test = await ListSchedulingNotifyContactService('','2022-03-18','2022-03-19');
@ -24,7 +24,7 @@ export const reportScheduleNotifyByDateStartDateEnd = async (req: Request, res:

  const data_query = await ListSchedulingNotifyContactService(contactNumber, startDate, endDate); 

-  console.group('DATA QUERY SCHEDULE:\n',data_query)
+  // console.group('DATA QUERY SCHEDULE:\n',data_query) 

  return res.status(200).json(data_query);

--- a/backend/src/controllers/TicketController.ts
+++ b/backend/src/controllers/TicketController.ts
@ -33,7 +33,7 @@ interface TicketData {
 } 


-import ListScheduleService from  "../services/ScheduleService/ListScheduleService";
+import ListStatusChatEndService from  "../services/StatusChatEndService/ListStatusChatEndService";

 export const index = async (req: Request, res: Response): Promise<Response> => {
  const {
@ -93,19 +93,14 @@ export const show = async (req: Request, res: Response): Promise<Response> => {

  const contact = await ShowTicketService(ticketId);

-  const { schedules, count, hasMore } = await ListScheduleService({ searchParam: "", pageNumber: "1" });  
-   
-
+  const { statusChatEnd, count, hasMore } = await ListStatusChatEndService({ searchParam: "", pageNumber: "1" });  
+    
  //////////////////
  const schedulesContact = await ListSchedulingNotifyContactService(contact.contact.number); 
  /////////////////
+ 

-  // console.log('############### schedulesContact: ', schedulesContact)
-  // console.log('############### contact.contact.number: ',contact.contact.number)
-
-  // return res.status(200).json(contact);
-
-  return res.status(200).json({contact,  schedules, schedulesContact});
+  return res.status(200).json({contact,  statusChatEnd, schedulesContact});
 };


@ -143,11 +138,11 @@ export const update = async ( req: Request, res: Response ): Promise<Response> =
    // lembrete
    const scheduleData = JSON.parse(schedulingNotifyData)   

-    if( scheduleData.scheduleId === '2'){
+    if( scheduleData.statusChatEndId === '2'){
      const schedulingNotifyCreate = await CreateSchedulingNotifyService(
        {
          ticketId: scheduleData.ticketId,
-          scheduleId: scheduleData.scheduleId, 
+          statusChatEndId: scheduleData.statusChatEndId, 
          schedulingDate: scheduleData.schedulingDate, 
          schedulingTime: scheduleData.schedulingTime,
          message: scheduleData.message  
--- a/backend/src/database/index.ts
+++ b/backend/src/database/index.ts
@ -12,7 +12,7 @@ import UserQueue from "../models/UserQueue";
 import QuickAnswer from "../models/QuickAnswer";

 import SchedulingNotify from "../models/SchedulingNotify";
-import Schedule from "../models/Schedule";
+import StatusChatEnd from "../models/StatusChatEnd";


 // eslint-disable-next-line
@ -35,7 +35,7 @@ const models = [
  QuickAnswer,

  SchedulingNotify,
-  Schedule,
+  StatusChatEnd,
 ];

 sequelize.addModels(models);
--- a/backend/src/database/migrations/20220322202120-rename-table-schedules.ts
+++ b/backend/src/database/migrations/20220322202120-rename-table-schedules.ts
@ -0,0 +1,11 @@
+import { QueryInterface, DataTypes } from "sequelize";
+
+module.exports =  {
+  up: (queryInterface: QueryInterface) => {
+    return queryInterface.renameTable("Schedules", "StatusChatEnd");
+  },
+
+  down: (queryInterface: QueryInterface) => {
+    return queryInterface.renameTable("StatusChatEnd", "Schedules");
+  }
+};
--- a/backend/src/database/migrations/20220322210021-rename-scheduleId-column.ts
+++ b/backend/src/database/migrations/20220322210021-rename-scheduleId-column.ts
@ -0,0 +1,11 @@
+import { QueryInterface, DataTypes } from "sequelize";
+
+module.exports =  {
+  up: (queryInterface: QueryInterface) => {
+    return queryInterface.renameColumn("SchedulingNotifies", "scheduleId", "statusChatEndId"); 
+  },
+
+  down: (queryInterface: QueryInterface) => { 
+    return queryInterface.renameColumn("SchedulingNotifies", "statusChatEndId", "scheduleId"); 
+  }
+};
--- a/backend/src/database/migrations/20220323010209-rename-table-StatusChatEnd.ts
+++ b/backend/src/database/migrations/20220323010209-rename-table-StatusChatEnd.ts
@ -0,0 +1,11 @@
+import { QueryInterface, DataTypes } from "sequelize";
+
+module.exports =  {
+  up: (queryInterface: QueryInterface) => {
+    return queryInterface.renameTable("StatusChatEnd", "StatusChatEnds");
+  },
+
+  down: (queryInterface: QueryInterface) => {
+    return queryInterface.renameTable("StatusChatEnds", "StatusChatEnd");
+  }
+};
--- a/backend/src/database/migrations/20220323011547-change-column-referece.ts
+++ b/backend/src/database/migrations/20220323011547-change-column-referece.ts
@ -0,0 +1,23 @@
+import { QueryInterface, DataTypes } from "sequelize";
+
+module.exports = {
+  up: (queryInterface: QueryInterface) => {
+    return queryInterface.changeColumn("SchedulingNotifies", "statusChatEndId", {
+      type: DataTypes.INTEGER,
+      references: { model: "StatusChatEnds", key: "id" },
+      onUpdate: "CASCADE",
+      onDelete: "CASCADE",
+      allowNull: false
+    });
+  },
+
+  down: (queryInterface: QueryInterface) => {
+    return queryInterface.changeColumn("SchedulingNotifies", "statusChatEndId", {
+      type: DataTypes.INTEGER,
+      references: { model: "Schedules", key: "id" },
+      onUpdate: "CASCADE",
+      onDelete: "CASCADE",
+      allowNull: false
+    });
+  }
+};
--- a/backend/src/database/seeds/20220221193811-create-scheduling-data.ts
+++ b/backend/src/database/seeds/20220221193811-create-scheduling-data.ts
@ -3,7 +3,7 @@ import { QueryInterface } from "sequelize";
 module.exports = {
  up: (queryInterface: QueryInterface) => {
    return queryInterface.bulkInsert(
-      "Schedules",
+      "StatusChatEnd",
      [     
        {
          name: "SEM RETORNO DO CLIENTE",
@ -21,6 +21,6 @@ module.exports = {
  },

  down: (queryInterface: QueryInterface) => {
-    return queryInterface.bulkDelete("Schedules", {});
+    return queryInterface.bulkDelete("StatusChatEnd", {});
  }
 };
--- a/backend/src/models/SchedulingNotify.ts
+++ b/backend/src/models/SchedulingNotify.ts
@ -10,7 +10,7 @@ import {
    BelongsTo
  } from "sequelize-typescript";

-  import Schedule from "./Schedule"; 
+  import StatusChatEnd from "./StatusChatEnd"; 
  import Ticket from "./Ticket";
  
  @Table
@ -20,12 +20,12 @@ import {
    @Column
    id: number;  
  
-    @ForeignKey(() => Schedule)
+    @ForeignKey(() => StatusChatEnd)
    @Column
-    scheduleId: number;
+    statusChatEndId: number;

-    @BelongsTo(() => Schedule)
-    schedule: Schedule;
+    @BelongsTo(() => StatusChatEnd)
+    statusChatEnd: StatusChatEnd;


    @ForeignKey(() => Ticket)
--- a/backend/src/models/StatusChatEnd.ts
+++ b/backend/src/models/StatusChatEnd.ts
@ -12,7 +12,7 @@ import {
  import SchedulingNotify from "./SchedulingNotify";

  @Table
-  class Schedule extends Model<Schedule> {
+  class StatusChatEnd extends Model<StatusChatEnd> {
    @PrimaryKey
    @AutoIncrement
    @Column
@ -31,5 +31,5 @@ import {
    SchedulingNotifies: SchedulingNotify[];
  }
  
-  export default Schedule;
+  export default StatusChatEnd;
  
--- a/backend/src/services/SchedulingNotifyServices/CreateSchedulingNotifyService.ts
+++ b/backend/src/services/SchedulingNotifyServices/CreateSchedulingNotifyService.ts
@ -4,27 +4,19 @@ import SchedulingNotify from "../../models/SchedulingNotify";
  
 interface Request {
    ticketId: string,
-    scheduleId: string, 
+    statusChatEndId: string, 
    schedulingDate: string, 
    schedulingTime: string,
    message: string 
 }   
 
 
-const CreateSchedulingNotifyService = async (
-    {  
-        ticketId,
-        scheduleId, 
-        schedulingDate, 
-        schedulingTime,
-        message 
-    
-    }: Request): Promise<SchedulingNotify> => {  
+const CreateSchedulingNotifyService = async ({ ticketId, statusChatEndId, schedulingDate, schedulingTime, message }: Request): Promise<SchedulingNotify> => {  

    const schedulingNotify = await SchedulingNotify.create(
        {
            ticketId,
-            scheduleId, 
+            statusChatEndId, 
            schedulingDate, 
            schedulingTime,
            message 
--- a/backend/src/services/SchedulingNotifyServices/ListSchedulingNotifyContactService.ts
+++ b/backend/src/services/SchedulingNotifyServices/ListSchedulingNotifyContactService.ts
@ -112,7 +112,7 @@ const ListSchedulingNotifyContactService = async (contactNumber: string = '', st
      raw: true,
      where: where_clause_notify, 

-      attributes:['id', [Sequelize.fn("DATE_FORMAT",Sequelize.col("schedulingDate"),"%d/%m/%Y %H:%i:%s"),"schedulingDate"],
+      attributes:['id', 'ticketId', [Sequelize.fn("DATE_FORMAT",Sequelize.col("schedulingDate"),"%d/%m/%Y %H:%i:%s"),"schedulingDate"],
      [Sequelize.fn("DATE_FORMAT",Sequelize.col("schedulingTime"),"%d/%m/%Y %H:%i:%s"),"schedulingTime"], 'message'],

      include: [
--- a/backend/src/services/StatusChatEndService/ListStatusChatEndService.ts
+++ b/backend/src/services/StatusChatEndService/ListStatusChatEndService.ts
@ -1,5 +1,5 @@
 import { Sequelize } from "sequelize";
-import Schedule from "../../models/Schedule";
+import StatusChatEnd from "../../models/StatusChatEnd";

 interface Request {
    searchParam?: string;
@ -7,7 +7,7 @@ interface Request {
  }
  
  interface Response {
-    schedules: Schedule[];
+    statusChatEnd: StatusChatEnd[];
    count: number;
    hasMore: boolean;
  }
@ -23,7 +23,7 @@ interface Request {
    const limit = 20;
    const offset = limit * (+pageNumber - 1);
  
-    const { count, rows: schedules } = await Schedule.findAndCountAll({
+    const { count, rows: statusChatEnd } = await StatusChatEnd.findAndCountAll({
      where: whereCondition,
      attributes: ['id', 'name'],
      limit,
@ -31,10 +31,10 @@ interface Request {
      order: [["id", "ASC"]]
    });
  
-    const hasMore = count > offset + schedules.length;
+    const hasMore = count > offset + statusChatEnd.length;
  
    return {
-        schedules,
+        statusChatEnd,
        count,
        hasMore
    };
--- a/backend/src/services/TicketServices/FindOrCreateTicketService.ts
+++ b/backend/src/services/TicketServices/FindOrCreateTicketService.ts
@ -1,4 +1,4 @@
-import { subHours, subMinutes } from "date-fns";
+import { subHours, subMinutes, subSeconds } from "date-fns";
 import { Op } from "sequelize";
 import Contact from "../../models/Contact";
 import Ticket from "../../models/Ticket";
--- a/frontend/src/components/ChatEnd/ModalChatEnd/index.js
+++ b/frontend/src/components/ChatEnd/ModalChatEnd/index.js
@ -112,14 +112,12 @@ const Modal = (props) => {
   
  const [open, setOpen] = useState(true);
  const [scroll, /*setScroll*/] = useState('body');
-  const [scheduleId, setScheduling] = useState(null)  
+  const [statusChatEndId, setStatusChatEnd] = useState(null)  
  const [startDate, setDatePicker] = useState(new Date())  
  const [timerPicker, setTimerPicker] = useState(new Date()) 
  const [textArea1, setTextArea1] = useState()  
 
-
-  const [data] = useState(props.schedules) 
- 
+  
  const [schedulesContact, dispatch] =  useReducer(reducer, []); 
 
 
@ -200,12 +198,12 @@ const timerPickerValue = (data) => {

  const handleChatEnd = (event, reason) => {   
    
-    let dataSendServer = {'scheduleId': scheduleId}
+    let dataSendServer = {'statusChatEndId': statusChatEndId}

    if (reason && reason === "backdropClick") 
        return;

-    if (scheduleId === '2'){  
+    if (statusChatEndId === '2'){  

      console.log('Entrou! textArea1: ', textArea1)
      
@ -236,7 +234,7 @@ const timerPickerValue = (data) => {
      } 

      dataSendServer = { 
-        'scheduleId': scheduleId,     
+        'statusChatEndId': statusChatEndId,     
        'schedulingDate':  startDate+' '+formatedTimeHour(new Date(`${startDate} ${timerPicker.getHours()}:${timerPicker.getMinutes()}:00`)), 
        'schedulingTime': startDate+' '+formatedTimeHour(new Date(`${startDate} ${timerPicker.getHours()}:${timerPicker.getMinutes()}:00`)), 
        'message': textArea1  
@ -264,7 +262,7 @@ const timerPickerValue = (data) => {
  // Get from child 1
 const textFieldSelect = (data) => {
  console.log('textFieldSelect: ',data);  
-  setScheduling(data)
+  setStatusChatEnd(data)
 }

 
@ -321,7 +319,7 @@ const handleChange = (event) => {
                                <SelectField func={textFieldSelect} 
                                emptyField={false} 
                                header={'Opções de encerramento do atendimento'} 
-                                currencies={data.map((obj)=>{
+                                currencies={props.statusChatEnd.map((obj)=>{
                                          return {'value': obj.id, 'label': obj.name}
                                        })}/>
                                
@ -330,7 +328,7 @@ const handleChange = (event) => {

                          </Box> 
                          
-                          {scheduleId==='2' &&
+                          {statusChatEndId==='2' &&
                          
                          <Item> 

--- a/frontend/src/components/ModalUpdateScheduleReminder/DatePicker2/index.js
+++ b/frontend/src/components/ModalUpdateScheduleReminder/DatePicker2/index.js
--- a/frontend/src/components/ModalUpdateScheduleReminder/index.js
+++ b/frontend/src/components/ModalUpdateScheduleReminder/index.js
@ -0,0 +1,450 @@
+ 
+import React, { useState, useEffect, useRef, useReducer } from 'react';
+import Button from '@mui/material/Button';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';  
+import DialogContent from '@mui/material/DialogContent';
+import DialogContentText from '@mui/material/DialogContentText';
+import DialogTitle from '@mui/material/DialogTitle';  
+import PropTypes from 'prop-types';
+import Box from '@mui/material/Box'; 
+import SelectField from "../Report/SelectField";  
+  
+import DatePicker from './DatePicker2'  
+import TimerPickerSelect from '../ChatEnd/TimerPickerSelect'   
+import TextareaAutosize from '@mui/material/TextareaAutosize';  
+// import { subHours } from "date-fns"; 
+ 
+
+
+import { 
+  IconButton, 
+  Paper,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableRow, 
+} from "@material-ui/core"; 
+ 
+import { DeleteOutline } from "@material-ui/icons"; 
+import { toast } from "react-toastify"; 
+ import api from "../../services/api"; 
+import toastError from "../../errors/toastError";
+import ConfirmationModal from "../ConfirmationModal";
+
+
+const reducer = (state, action) => { 
+ 
+
+  if (action.type === "LOAD_SCHEDULES") {
+    const schedulesContact = action.payload;
+    const newSchedules= [];
+
+    schedulesContact.forEach((schedule) => {
+      const scheduleIndex = state.findIndex((s) => s.id === schedule.id);
+      if (scheduleIndex !== -1) {
+        state[scheduleIndex] = schedule;
+      } else {
+        newSchedules.push(schedule);
+      }
+    });
+
+    return [...state, ...newSchedules];
+  }
+
+  if (action.type === "DELETE_SCHEDULE") {
+    const scheduleId = action.payload;
+    const scheduleIndex = state.findIndex((q) => q.id === scheduleId);
+    if (scheduleIndex !== -1) {
+      state.splice(scheduleIndex, 1);
+    }
+    return [...state];
+  }
+
+  if (action.type === "RESET") {
+    return [];
+  }
+};
+
+ 
+
+const Item = (props) => {
+ 
+  const { sx, ...other } = props;
+  return (
+    <Box
+      sx={{
+        bgcolor: (theme) => (theme.palette.mode === 'dark' ? '#101010' : '#fff'),
+        color: (theme) => (theme.palette.mode === 'dark' ? 'grey.300' : 'grey.800'),
+        border: '1px solid',
+        borderColor: (theme) =>
+          theme.palette.mode === 'dark' ? 'grey.800' : 'grey.300',
+        p: 1,
+        m: 1,
+        borderRadius: 2,
+        fontSize: '0.875rem',
+        fontWeight: '700',
+        ...sx,
+      }}
+      {...other}
+    />
+  );
+}
+
+Item.propTypes = {
+  sx: PropTypes.oneOfType([
+    PropTypes.arrayOf(
+      PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool]),
+    ),
+    PropTypes.func,
+    PropTypes.object,
+  ]),
+}; 
+ 
+ 
+
+const Modal = (props) => { 
+ 
+  const [selectedSchedule, setSelectedSchedule] = useState(null);
+  const [confirmModalOpen, setConfirmModalOpen] = useState(false); 
+   
+  const [open, setOpen] = useState(true);
+  const [scroll, /*setScroll*/] = useState('body');
+  const [statusChatEndId, setStatusChatEnd] = useState(null)  
+  const [startDate, setDatePicker] = useState(props.schedulingTime ? new Date(props.schedulingTime) :  new Date())  
+  const [timerPicker, setTimerPicker] = useState(new Date()) 
+  const [textArea1, setTextArea1] = useState()  
+ 
+ 
+  const [schedulesContact, dispatch] =  useReducer(reducer, []); 
+ 
+ 
+  const handleCancel = (event, reason) => {
+
+    if (reason && reason === "backdropClick") 
+        return;
+ 
+    setOpen(false);
+  };
+
+ 
+
+  useEffect(() => { 
+    
+    (async () => { 
+      try {       
+
+        const { data } = await api.get("/tickets/" + props.ticketId); 
+        
+        dispatch({ type: "LOAD_SCHEDULES", payload: data.schedulesContact });
+ 
+      } catch (err) {
+        toastError(err); 
+      }
+    })();
+  }, [props]); 
+  
+ 
+  function formatedTimeHour(timer){
+    return  `${timer.getHours().toString().padStart(2, '0')}:${timer.getMinutes().toString().padStart(2, '0')}`
+  }
+
+  function formatedFullCurrentDate(){
+    let dateCurrent = new Date() 
+    let day = dateCurrent.getDate().toString().padStart(2, '0');
+    let month = (dateCurrent.getMonth()+1).toString().padStart(2, '0');
+    let year = dateCurrent.getFullYear();     
+    return `${year}-${month}-${day}`; 
+  }
+ 
+   
+
+  const handleCloseConfirmationModal = () => {
+    setConfirmModalOpen(false);
+    setSelectedSchedule(null);
+  };
+  
+
+  const handleDeleteSchedule = async (scheduleId) => {
+    try {
+      await api.delete(`/schedule/${scheduleId}`);
+      toast.success(("Lembrete 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 handleChatEnd = (event, reason) => {   
+    
+    let dataSendServer = {'statusChatEndId': statusChatEndId}
+
+    if (reason && reason === "backdropClick") 
+        return;
+
+    if (statusChatEndId === '2'){  
+
+      console.log('Entrou! textArea1: ', textArea1)
+      
+
+      if(textArea1 && textArea1.trim().length<5){
+        alert('Mensagem muito curta!')
+        return
+      }
+      else if(!textArea1){
+        alert('Defina uma mensagem para enviar para o cliente!')
+        return
+      }
+      else if(formatedFullCurrentDate()===startDate){
+        
+        if((new Date(timerPicker).getHours() < new Date().getHours() && new Date(timerPicker).getMinutes() <= new Date().getMinutes()) ||
+        (new Date(timerPicker).getHours() === new Date().getHours() && new Date(timerPicker).getMinutes() <= new Date().getMinutes()) || 
+        (new Date(timerPicker).getHours() < new Date().getHours() && new Date(timerPicker).getMinutes() >= new Date().getMinutes()) ||
+        (new Date(timerPicker).getHours() < new Date().getHours)){
+            alert('Horário menor ou igual horário atual!') 
+            return
+        }
+
+      }
+      else if((new Date(timerPicker).getHours() > 20 && new Date(timerPicker).getMinutes() > 0) ||
+      (new Date(timerPicker).getHours() < 6)){
+        alert('Horário comercial inválido!\n Selecione um horário de lembrete válido entre às 06:00 e 20:00')
+        return
+      } 
+
+      dataSendServer = { 
+        'statusChatEndId': statusChatEndId,     
+        'schedulingDate':  startDate+' '+formatedTimeHour(new Date(`${startDate} ${timerPicker.getHours()}:${timerPicker.getMinutes()}:00`)), 
+        'schedulingTime': startDate+' '+formatedTimeHour(new Date(`${startDate} ${timerPicker.getHours()}:${timerPicker.getMinutes()}:00`)), 
+        'message': textArea1  
+      }
+
+    } 
+  
+    props.func(dataSendServer)  
+
+    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);  
+  setStatusChatEnd(data)
+}
+
+ 
+  
+
+const handleChange = (event) => {
+    
+  setTextArea1(event.target.value);
+
+};
+ 
+
+
+  return (  
+ 
+    <Dialog 
+            open={open}
+            onClose={handleCancel} 
+            // fullWidth={true}
+            // maxWidth={true}    
+            disableEscapeKeyDown
+
+            scroll={scroll}
+            aria-labelledby="scroll-dialog-title"
+            aria-describedby="scroll-dialog-description"
+          >   
+
+            <DialogTitle id="scroll-dialog-title">{props.modal_header}</DialogTitle>
+            <DialogContent dividers={scroll === 'body'}>
+
+              <DialogContentText
+                id="scroll-dialog-description"
+                ref={descriptionElementRef}
+                tabIndex={-1}
+              >
+                
+              </DialogContentText> 
+
+                  
+                <Box
+                      sx={{
+                        width: 500,
+                        height: '100%',
+                        // backgroundColor: 'primary.dark',
+                        // '&:hover': {backgroundColor: 'primary.main', opacity: [0.9, 0.8, 0.7],},
+                      }}> 
+
+                          <Box  sx={{
+                              display: 'grid',  
+                            }}>
+                            <Item>
+                                <span>Selecione uma opção para encerrar o Atendimento</span> 
+                                
+                                <SelectField func={textFieldSelect} 
+                                emptyField={false} 
+                                header={'Opções de encerramento do atendimento'} 
+                                currencies={props.statusChatEnd.map((obj)=>{
+                                          return {'value': obj.id, 'label': obj.name}
+                                        })}/>
+                                
+
+                            </Item> 
+
+                          </Box> 
+                          
+                          {statusChatEndId==='2' &&
+                          
+                          <Item> 
+
+                            <span>Lembrete</span>
+
+                          <Box sx={{ display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)' }}> 
+                            
+                            <Item><DatePicker 
+                              func={datePickerValue} 
+                              minDate={true}  
+                              startEmpty={false} 
+                              title={'Data do lembrete'}/>
+                            </Item>
+                            
+                            <Item><TimerPickerSelect func={timerPickerValue} title={'Hora do lembrete'}/></Item>
+                              
+                          </Box>
+
+
+                          <Box sx={{display: 'flex', flexDirection: 'column' }}>     
+                            
+                            <Item>
+                              <TextareaAutosize 
+                                  aria-label="minimum height"
+                                  minRows={3}  
+                                  value={textArea1}
+                                  placeholder={'Mensagem de envio para cliente'}   
+                                  onChange={ handleChange}  
+                                  style={{ width: '100%' }}
+                              />
+                            </Item>
+                          </Box>
+
+                        </Item>
+                        }
+
+                 
+
+                        {schedulesContact.length>0 && !props.update && 
+
+                        
+
+                        <Item> 
+
+                            <ConfirmationModal
+                                title={selectedSchedule && `Deletar lembrete do dia ${selectedSchedule.schedulingTime.split(' ')[0]}  ${selectedSchedule.schedulingTime.split(' ')[1]} ?`}
+                                open={confirmModalOpen}
+                                onClose={handleCloseConfirmationModal}
+                                onConfirm={() => handleDeleteSchedule(selectedSchedule.id)}
+                            >
+                                <span>Deseja realmente deletar esse Lembrete? </span>
+                            </ConfirmationModal> 
+                                            <span>Lembretes</span>
+                                        <Paper  variant="outlined"> 
+                                        <Table size="small">
+                                        
+                                            <TableHead>
+                                            <TableRow>
+                                                <TableCell align="center">
+                                                Data
+                                                </TableCell>
+                                                <TableCell align="center">
+                                                Hora 
+                                                </TableCell> 
+                                                <TableCell align="center">
+                                                Mensagem 
+                                                </TableCell> 
+                                                <TableCell align="center">
+                                                Deletar
+                                                </TableCell>
+                                            </TableRow>
+                                            </TableHead>
+                                            
+                                            <TableBody>
+                                            <>
+                                                {schedulesContact.map((scheduleData, index) => (
+                                                <TableRow key={scheduleData.id}>
+                                                    <TableCell align="center">{scheduleData.schedulingDate.split(' ')[0]}</TableCell>
+                                                    <TableCell align="center">{scheduleData.schedulingTime.split(' ')[1]}</TableCell> 
+                                                    <TableCell align="center">{scheduleData.message}</TableCell> 
+
+                                                    <TableCell align="center"> 
+                                
+                                                    <IconButton
+                                                        size="small"
+                                                        onClick={() => { 
+                                                        setSelectedSchedule(scheduleData);
+                                                        setConfirmModalOpen(true);
+                                                        
+                                                        }}
+                                                    >
+                                                        <DeleteOutline />
+                                                    </IconButton>
+                                                    </TableCell>
+
+                                                </TableRow>
+                                                ))} 
+                                            </>
+                                            </TableBody>
+                                        </Table>
+                                        </Paper>  
+                                        </Item>}
+                                        
+                                        
+                                </Box>   
+                            </DialogContent>
+            
+    
+            <DialogActions>     
+              <div style={{marginRight:'50px'}}>
+              <Button onClick={handleCancel}>Cancelar</Button>  
+              </div>
+              <Button onClick={handleChatEnd}>Ok</Button>  
+            </DialogActions>
+          </Dialog>  
+
+  );
+}
+
+export default Modal
--- a/frontend/src/components/Ticket/index.js
+++ b/frontend/src/components/Ticket/index.js
@ -83,7 +83,7 @@ const Ticket = () => {
  const [contact, setContact] = useState({});
  const [ticket, setTicket] = useState({});

-  const [schedule, setSchedule] = useState({}) 
+  const [statusChatEnd, setStatusChatEnd] = useState({}) 

  useEffect(() => {
    setLoading(true);
@ -101,7 +101,7 @@ const Ticket = () => {
          setContact(data.contact.contact);
          setTicket(data.contact);

-          setSchedule(data.schedules)   
+          setStatusChatEnd(data.statusChatEnd)   

          setLoading(false);
        } catch (err) {
@ -172,7 +172,7 @@ const Ticket = () => {
            />
          </div>
          <div className={classes.ticketActionButtons}>
-            <TicketActionButtons ticket={ticket} schedule={schedule}/>
+            <TicketActionButtons ticket={ticket} statusChatEnd={statusChatEnd}/>
          </div>
        </TicketHeader>
        <ReplyMessageProvider>
--- a/frontend/src/components/TicketActionButtons/index.js
+++ b/frontend/src/components/TicketActionButtons/index.js
@ -27,7 +27,7 @@ const useStyles = makeStyles(theme => ({
 	},
 }));

-const TicketActionButtons = ({ ticket, schedule }) => {
+const TicketActionButtons = ({ ticket, statusChatEnd }) => {
 	const classes = useStyles();
 	const history = useHistory();
 	const [anchorEl, setAnchorEl] = useState(null);
@ -63,7 +63,7 @@ const TicketActionButtons = ({ ticket, schedule }) => {
 		render(<Modal 
 				modal_header={'Finalização de Atendimento'} 
 				func={chatEndVal}  
-				schedules={schedule} 
+				statusChatEnd={statusChatEnd} 
 				ticketId={ticket.id}
 				/>) 
 		 
--- a/frontend/src/pages/SchedulesReminder/index.js
+++ b/frontend/src/pages/SchedulesReminder/index.js
@ -23,6 +23,13 @@ import Delete from '@material-ui/icons/Delete';
 import Edit from '@material-ui/icons/Edit';
 import Save from '@material-ui/icons/Save';

+import Dialog from '@mui/material/Dialog';
+import { render } from '@testing-library/react';
+
+// import Modal from "../../../..ChatEnd/ModalChatEnd";  
+import Modal from "../../components/ModalUpdateScheduleReminder"; 
+
+
 import { 
  IconButton, 
  Paper,
@ -85,7 +92,7 @@ const reducerQ = (state, action) =>{

 const reducer = (state, action) => {
  
-  if (action.type === "LOAD_USERS") {
+  if (action.type === "LOAD_SCHEDULES") {
    const users = action.payload;
    const newUsers = [];

@ -181,6 +188,8 @@ const SchedulesReminder = () => {
  const [confirmModalOpen, setConfirmModalOpen] = useState(false); 
  const [dataRows, setData] = useState([]);

+  const [statusEndChat, setStatusEndChat] = useState(null)
+
 
  useEffect(() => {
     dispatch({ type: "RESET" });
@ -200,7 +209,7 @@ const SchedulesReminder = () => {
            params: { searchParam, pageNumber },
          }); 
          
-          dispatch({ type: "LOAD_USERS", payload: data.users });
+          dispatch({ type: "LOAD_SCHEDULES", payload: data.users });
          //setHasMore(data.hasMore);
          //setLoading(false);
        } catch (err) {
@ -233,6 +242,8 @@ const SchedulesReminder = () => {
          dispatchQ({ type: "RESET" })
          dispatchQ({ type: "LOAD_QUERY", payload: dataQuery.data }); 

+          // setStatusEndChat(dataQuery.data.statusEndChat)
+
          //setLoading(false);

        } catch (err) {
@ -307,6 +318,39 @@ const handleDeleteSchedule = async (scheduleId) => {
  setSelectedSchedule(null);
 };

+
+const chatEndVal = (data) => { 
+		
+  if(data){
+
+    console.log('DATA SCHECULE: ', data)
+
+    // data = {...data, 'ticketId': ticket.id}
+    
+    // console.log('ChatEnd: ',(data));  
+
+    // handleUpdateTicketStatus(null, "closed", user?.id, data)
+
+  } 
+   
+}
+
+
+const handleModal =  (rowData) => {
+
+  render(<Modal 
+      modal_header={'Editar Lembrete/Agendamentos'} 
+      func={chatEndVal}  
+      statusChatEnd={statusEndChat} 
+      ticketId={rowData.ticketId}
+      update={true}
+      schedulingDate={rowData.schedulingDate}
+      schedulingTime={rowData.schedulingTime}
+      message={rowData.message}
+      />) 
+   
+};
+
  return (  

   
@ -386,7 +430,10 @@ const handleDeleteSchedule = async (scheduleId) => {
                  {
                    icon: Edit,
                    tooltip: 'Editar',
-                    onClick: (event, rowData) => console.log("You saved ",rowData)
+                    onClick: (event, rowData) => {
+                      console.log("You saved ",rowData)
+                      handleModal(rowData)
+                    }
                  },
                  {
                    icon: Delete,