Merge pull request #2405 from prefeiturasp/feature/120457-alterar-mod…

…al-estorno

feat(120457): Altera modal cancelar estorno

src/componentes/escolas/Receitas/CancelarModalReceitas.js

@@ -1,17 +1,35 @@
 import React from "react";
-import {ModalBootstrap} from "../../Globais/ModalBootstrap";
+import { Modal } from 'antd';
+import IconeAvisoVermelho from "../../../assets/img/icone-modal-aviso-vermelho.svg"
 
 export const CancelarModalReceitas = (propriedades) =>{
     return (
-        <ModalBootstrap
-            show={propriedades.show}
-            onHide={propriedades.handleClose}
-            titulo={propriedades.titulo}
-            bodyText=""
-            primeiroBotaoOnclick={propriedades.onCancelarTrue}
-            primeiroBotaoTexto="OK"
-            segundoBotaoOnclick={propriedades.handleClose}
-            segundoBotaoTexto="Fechar"
-        />
+        <Modal 
+            open={propriedades.show}
+            onOk={propriedades.onCancelarTrue}
+            okText="OK"
+            okButtonProps={{className: "btn-base-vermelho"}}
+            onCancel={propriedades.handleClose}
+            cancelText="Fechar"
+            cancelButtonProps={{className: "btn-base-verde-outline"}}
+            wrapClassName={'modal-ant-design'}
+        >
+            <div className="row">
+                <div className="col-md-auto col-lg-12">
+                    <div className="text-center">
+                        <img src={IconeAvisoVermelho} alt="" className="img-fluid"/>
+                    </div>
+                </div>
+
+                <div className="col-md-auto col-lg-12 mt-3">
+                    <div className="text-center">
+                        <p className="title-modal-antdesign-aviso">{propriedades.titulo}</p>
+                    </div>
+                    <div className="text-center mt-2">
+                        <p className="body-text-modal-antdesign-aviso">{propriedades.bodyText}</p>
+                    </div>
+                </div>
+            </div>
+        </Modal>
     )
 };

src/componentes/escolas/Receitas/Formularios/index.js

@@ -29,10 +29,11 @@ import {toastCustom} from "../../../Globais/ToastCustom";
 import { visoesService } from "../../../../services/visoes.service";
 import { getPeriodoPorUuid } from "../../../../services/sme/Parametrizacoes.service";
 import { STATUS_CONTA_ASSOCIACAO, STATUS_SOLICITACAO_ENCERRAMENTO_CONTA_ASSOCIACAO } from "../../../../constantes/contaAssociacao";
+import { useHistory } from 'react-router-dom';
 
 
 export const ReceitaForm = () => {
-
+    const history = useHistory();
     let {origem} = useParams();
     let {uuid} = useParams();
     const parametros = useLocation();
@@ -530,9 +531,15 @@ export const ReceitaForm = () => {
         setShow(false);
         setRedirectTo('');
         getPath('');
-
     };
 
+    const onCancelarEstornoTrue = () => {
+        setShow(false);
+        console.log(despesa.uuid)
+        const path = `/edicao-de-despesa/${despesa.uuid}`;
+        history.push(path);
+    }
+
     const onHandleClose = () => {
         setShow(false);
         setShowDelete(false);
@@ -1348,7 +1355,7 @@ export const ReceitaForm = () => {
                         <CancelarModalReceitas
                             show={show}
                             handleClose={onHandleClose}
-                            onCancelarTrue={onCancelarTrue}
+                            onCancelarTrue={onCancelarEstornoTrue}
                             titulo={tituloModalCancelar}
                         />
                     </section>