feat(46187): Adiciona validação encerramento conta pela DRE (#1864)

* feat(46187): Validacao encerramento conta pela DRE

* feat(46187): Adiciona validacao modal motivos

---------

Co-authored-by: Matheus <matheus.diori@amcom.com.br>

src/componentes/Globais/ModalBootstrap/index.js

@@ -1165,3 +1165,52 @@ export const ModalBootstrapDetalhamentoDREDiarioOficial = (propriedades) => {
         </Fragment>
     )
 };
+
+export const ModalMotivosRejeicaoEncerramentoConta = (propriedades) => {
+    return (
+        <Fragment>
+            <Modal centered
+                show={
+                    propriedades.show
+                }
+                onHide={
+                    propriedades.onHide
+                }
+                size={
+                    propriedades.size
+            }>
+                <Modal.Header>
+                    <Modal.Title>{
+                        propriedades.titulo
+                    }</Modal.Title>
+                </Modal.Header>
+                <Modal.Body>
+                    {propriedades.bodyText}
+                </Modal.Body>
+                <Modal.Footer>
+                    <Button variant={
+                            propriedades.primeiroBotaoCss ? propriedades.primeiroBotaoCss : "primary"
+                        }
+                        onClick={
+                            propriedades.primeiroBotaoOnclick
+                    }>
+                        {
+                        propriedades.primeiroBotaoTexto
+                    } </Button>
+                    {
+                    propriedades.segundoBotaoOnclick && propriedades.segundoBotaoTexto ? (
+                        <Button variant={
+                                propriedades.segundoBotaoCss ? propriedades.segundoBotaoCss : "primary"
+                            }
+                            onClick={
+                                propriedades.segundoBotaoOnclick
+                        }>
+                            {
+                            propriedades.segundoBotaoTexto
+                        } </Button>
+                    ) : null
+                } </Modal.Footer>
+            </Modal>
+        </Fragment>
+    )
+};

src/componentes/dres/Associacoes/DadosDasAssociacoes/DadosDasContas/BarraStatusEncerramentoConta/barra-status.scss

@@ -0,0 +1,15 @@
+.barra-status-encerramento-conta-rejeitada {
+    color: #EF4C61;
+    border-radius: 4px;
+    border-color: #EF4C61;
+    border-style: solid;
+    background-color: #FDEDEE;
+    border-width: 1px;
+    font-weight: 500;
+    line-height: 20px;
+}
+
+.icone-barra-encerramento-conta-rejeitada { 
+    color: #EF4C61;
+    margin-right: 4px;
+}

src/componentes/dres/Associacoes/DadosDasAssociacoes/DadosDasContas/BarraStatusEncerramentoConta/index.js

@@ -0,0 +1,47 @@
+import React, { useEffect, useState } from "react";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import "./barra-status.scss";
+import {faExclamationCircle} from "@fortawesome/free-solid-svg-icons";
+
+export const BarraStatusEncerramentoConta = ({conta}) =>{
+
+    const estadoInicialBarraEncerramento = {
+        estiloBarra: null,
+        estiloIcone: null,
+        texto: null
+    }
+
+    const [estadoBarraEncerramento, setEstadoBarraEncerramento] = useState(estadoInicialBarraEncerramento);
+
+    useEffect(() => {
+        estadoEncerramentoConta(conta);
+    }, [])
+
+    const estadoEncerramentoConta = (conta) => {
+        if (!conta || !conta.solicitacao_encerramento) {
+            return null;
+        } else if (conta.solicitacao_encerramento.status === "APROVADA"){
+            return null;
+        } else if (conta.solicitacao_encerramento.status === "REJEITADA"){
+            return setEstadoBarraEncerramento({
+                estiloBarra: "barra-status-encerramento-conta-rejeitada",
+                estiloIcone: "icone-barra-encerramento-conta-rejeitada",
+                texto: "Solicitação de encerramento da conta negada."
+            });
+        }
+    }
+
+    return (
+        <div className="row mx-1 mb-2">
+            <div className={`col-12 ${estadoBarraEncerramento.estiloBarra}`}>
+                <p className="pt-1 pb-1 mb-0">
+                    <FontAwesomeIcon
+                        className={`${estadoBarraEncerramento.estiloIcone}`}
+                        icon={faExclamationCircle}
+                    />
+                    {estadoBarraEncerramento.texto}
+                </p>
+            </div>
+        </div>
+    );
+};