reestructuracion del modal de solicitudes, se agrega el boton para eliminar la referencia

src/Components/Corresponsales/SolicitudReapertura/SolicitudReapertura.tsx

@@ -7,9 +7,10 @@ import { ICorresponsalTraficoSolicitudReapertura } from "../../../Interfaces/Cor
 interface IProps{
     idTrafico: number,
     idUsuario: number,
-    close: () => void
+    close: () => void,
+    title: string,
 }
-export const SolicitudReapertura:React.FC<IProps> = (props) => {
+export const CrearSolicitud:React.FC<IProps> = (props) => {
     const [Motivo, setMotivo] = useState('')
     const [showMsg, setShowMsg] = useState(false)
     const [msg, setMsg] = useState('')
@@ -19,14 +20,14 @@ export const SolicitudReapertura:React.FC<IProps> = (props) => {
         return stickyValue !== null ? JSON.parse(stickyValue) : ''
     }) 
 
-    const SolicitarReapertura = (motivo: string) => {
-        if(!motivo){
+    const AppendSolicitud = () => {
+        if(!Motivo){
             setHeader('Error');
             setMsg('Favor de capturar una razon válida.')
             setShowMsg(true)
             return;
         }
-        if(motivo.length < 30){
+        if(Motivo.length < 30){
             setHeader('Error');
             setMsg('La razón de su solicitud debe contener al menos 30 caracteres')
             setShowMsg(true)
@@ -56,7 +57,7 @@ export const SolicitudReapertura:React.FC<IProps> = (props) => {
     }
     return(
         <>
-            <h3>Solicitud de Reapertura de Cuenta</h3>
+            <h3>{props.title}</h3>
             <hr/>
             <Row>
             <Col xs={12}>
@@ -72,7 +73,7 @@ export const SolicitudReapertura:React.FC<IProps> = (props) => {
             </Row>
             <Row className='justify-content-end'>
             <Col xs={2} style={{textAlign:'end'}}>
-                <Button variant='primary' onClick={() => SolicitarReapertura(Motivo)}>
+                <Button variant='primary' onClick={() => AppendSolicitud()}>
                 Guardar
                 </Button>
             </Col>

src/Components/Corresponsales/TraficoCorresponsales.tsx

@@ -129,7 +129,7 @@ import { populatePedimentos } from '../../store/features/Corresponsales/Correspo
 import { populateRectificaciones } from '../../store/features/Corresponsales/CorresponsalesPedimentosRectificacionesSlice'
 import { NuevaRectificacion } from './Rectificaciones/NuevaRectificacion'
 import DTORectificacionHistorico from '../../DTO/Corresponsales/DTORectificacionHistorico'
-import { SolicitudReapertura } from './SolicitudReapertura/SolicitudReapertura'
+import { CrearSolicitud } from './SolicitudReapertura/SolicitudReapertura'
 import { AutorizarReapertura } from './SolicitudReapertura/AutorizarReapertura'
 import { DTOTraficoSolicitudReapertura } from '../../DTO/Corresponsales/DTOTraficoSolicitudReapertura'
 
@@ -4324,7 +4324,11 @@ export default function TraficoCorresponsales (props:IProps) {
           ) : null}
           {LoadComponent===15 ? (
             <div style={{ height: '250px', overflowX: 'hidden' }}>
-              <SolicitudReapertura idTrafico={IDTrafico} idUsuario={UserId} close={()=>{
+              <CrearSolicitud 
+                idTrafico={IDTrafico} 
+                idUsuario={UserId} 
+                title='Solicitud de Reapertura de Cuenta'
+                close={()=>{
                   setShowModal(false)
                   if(Perfil === 'Sup. Facturacion'){
                     setHeader('Informativo');
@@ -4340,7 +4344,8 @@ export default function TraficoCorresponsales (props:IProps) {
                     setShowMsg(true)
                     return;
                   }
-              }}/>
+                }
+              }/>
             </div>
           ) : null}
           {LoadComponent===16 ? (

src/Components/Reportes/RptCorresponsalesTraficos.tsx

@@ -41,7 +41,7 @@ import { InitCorresponsalesContenedores, addCorresponsalesContenedores } from '.
 import ICorresponsalContenedores from '../../Interfaces/Corresponsales/ICorresponsalContenedores'
 import ICorresponsalFacturas from '../../Interfaces/Corresponsales/ICorresponsalFacturas'
 import ICatProveedores from '../../Interfaces/Catalogos/ICatProveedores'
-import { FaCrow } from 'react-icons/fa'
+import { FaCrow, FaTrash } from 'react-icons/fa'
 /* import '../../css/generic01.css' */
 
 interface IProps {}
@@ -93,7 +93,21 @@ export default function RptCorresponsalesTraficos(props: IProps) {
     ICatCorresponsales[]
   >([])
   const hiddenFileInputRef = useRef<HTMLInputElement>(null);
+  const [Deleting, setDeleting] = useState(false);
   const [columnDefs] = useState([
+    {
+      
+      field: 'acciones',
+      headerName: '',
+      width: 50,
+      cellRenderer: (params: any) => {
+        return (
+          <span>
+            <FaTrash color='red' cursor='pointer' onClick={(e) => {setDeleting(true)}}/>
+          </span>
+        )
+      },
+    },
     { field: 'id', headerName: 'id', width: 70, sortable: true, filter: true },
     {
       field: 'proceso',
@@ -275,8 +289,19 @@ export default function RptCorresponsalesTraficos(props: IProps) {
   }, [])
 
   function getParams(e: RowClickedEvent) {
+    if(Deleting){
+      if(e.data.pedimento > 0){
+        setHeader('Error')
+        setMsg('Favor de borrar el pedimento para poder eliminar la referencia.')
+        setShowMsg(true)
+        setDeleting(false)
+        return;
+      }
+      console.log('borrando trafico')
+    }else{
       AbreTrafico(e.data.id)
     }
+  }
 
   function AbreTrafico(id: number) {
     dispatch(InitCorresponsalesFacturas(IDTrafico))

src/Services/Corresponsalias/Corresponsales.Trafico.Services.ts

@@ -48,10 +48,10 @@ class Corresponsales_Trafico_DataService {
     return http.post(`/Corresponsalias/Traficos/Append/LayoutAlen?idTrafico=${idTrafico}&fileId=${fileId}`);
   }
   AppendSolicitudReapertura(solicitud: ICorresponsalTraficoSolicitudReapertura){
-    return http.post<ICorresponsalTraficoSolicitudReapertura>(`/Corresponsalias/Traficos/Solicitud/Append`, solicitud)
+    return http.post<ICorresponsalTraficoSolicitudReapertura>(`/Corresponsalias/Solicitudes/Reapertura/Append`, solicitud)
   }
   GetSolicitudReapertura(idTrafico: number){
-    return http.get<DTOTraficoSolicitudReapertura>(`/Corresponsalias/Traficos/Solicitud?idTrafico=${idTrafico}`)
+    return http.get<DTOTraficoSolicitudReapertura>(`/Corresponsalias/Solicitudes/Reapertura/Get?idTrafico=${idTrafico}`)
   }
 }
 export default new Corresponsales_Trafico_DataService();