creacion del indicador de traficos rechazados para contabilidad

src/Components/Corresponsales/TraficoCorresponsales.tsx

@@ -1119,7 +1119,7 @@ export default function TraficoCorresponsales (props:IProps) {
         statusProceso: 0,
         fechaRegistro: '',
         razonRechazo: arrStatus[0]?.estatus ? arrStatus[0]?.estatus : "",
-        tipo: 0
+        tipo: 2
       }
       rejectCurrentStep(data)
     }

src/Components/Dashboard/DashboardContabilidad.tsx

@@ -2,8 +2,8 @@ import React, { FC, useEffect, useState } from 'react'
 import { Card, Col, Container, Row } from 'react-bootstrap'
 import { IconContext } from 'react-icons'
 import { BsQuestionOctagonFill } from 'react-icons/bs'
-import { FaCcMastercard, FaFileInvoiceDollar } from 'react-icons/fa'
-import { FcSurvey } from 'react-icons/fc'
+import { FaCcMastercard, FaFileInvoiceDollar, FaReply } from 'react-icons/fa'
+import { FcCancel, FcSurvey, FcUndo } from 'react-icons/fc'
 import { Link } from 'react-router-dom'
 import DashboardDataService from '../../Services/Dashboard/Dashboard.Contabilidad.Service'
 
@@ -13,6 +13,7 @@ export const DashboardContabilidad: FC<IProps> = (props) => {
   const [CTCTotal, setCTCTotal] = useState(0) // Corresponsales: Traficos terminados listos para contabilidad
   const [CAPATotal, setCAPATotal] = useState(0) // Corresponsales anticipos pendientes de autorizar
   const [CuentasComplementariasPedientes, setCuentasComplementariasPendientes] = useState(0) // Corresponsales anticipos pendientes de autorizar
+  const [RechazosContabilidad, setRechazosContabilidad] = useState(0);
 
   useEffect(() => {
     DashboardDataService.getTotalTraficosPendientesAutorizar(4)
@@ -36,6 +37,12 @@ export const DashboardContabilidad: FC<IProps> = (props) => {
       .catch((e: Error) => {
         return
       })
+
+    DashboardDataService.getTotalRechazosContabilidad().then((response) => {
+      setRechazosContabilidad(response.data.total)
+    }).catch((e: Error) => {
+      return;
+    })
   }, [])
 
   return (
@@ -111,6 +118,30 @@ export const DashboardContabilidad: FC<IProps> = (props) => {
           </Card.Footer>
         </Card>
       </Col>
+      <Col>
+        <Card style={{ width: '18rem' }} className='dashboardComponentFont'>
+          <Card.Header>Contabilidad </Card.Header>
+          <Card.Body style={{ paddingBottom: '50px' }}>
+            <Card.Title>&nbsp;Rechazos para corresponsalias</Card.Title>
+            <Card.Img variant='top' src='' onClick={() => {}} />
+            <div style={{ fontSize: '6em' }} className='text-center'>
+              <IconContext.Provider value={{ color: '#ff0018' }}>
+                <FcSurvey />
+                <FaReply style={{fontSize:'50px', margin:'0 0 0 -3.8rem', position:"absolute", bottom: '7rem'}}/>
+              </IconContext.Provider>
+              {RechazosContabilidad}
+            </div>
+          </Card.Body>
+          <Card.Footer style={{ paddingRight: '5px' }}>
+            <Link
+              to='../RptCorresponsalesTraficos/proc=2/modo=4'
+              style={{ textDecoration: 'none', float: 'right', paddingRight: '10px' }}
+            >
+              Ver mas...
+            </Link>
+          </Card.Footer>
+        </Card>
+      </Col>
     </>
   )
 }

src/Services/Dashboard/Dashboard.Contabilidad.Service.ts

@@ -11,5 +11,8 @@ class Dashboard_Contabilidad_DataService {
   getTotalCuentasComplementariasPedientes() {
     return http.get<IDashboardTotal>(`/Corresponsalias/CuentasComplementarias/GetPendientes`);
   }
+  getTotalRechazosContabilidad() {
+    return http.get<IDashboardTotal>(`/Dashboard/Corresponsales/RechazosContabilidad`);
+  }
 }
 export default new Dashboard_Contabilidad_DataService();