@ -5,14 +5,20 @@ import DashboardDataService from '../../Services/Dashboard/Dashboard.Corresponsa
import { useNavigate } from 'react-router-dom' ; import { useNavigate } from 'react-router-dom' ;
import ReactApexChart from 'react-apexcharts' ; import ReactApexChart from 'react-apexcharts' ;
import { ApexOptions } from 'apexcharts' ; import { ApexOptions } from 'apexcharts' ;
import { IconContext } from 'react-icons' ;
import { FcSurvey } from 'react-icons/fc' ;
import { MdTimer } from 'react-icons/md' ;
interface IProps { } interface IProps {
Perfil :string
}
export default function DashboardCorresponsales ( props : IProps ) { export default function DashboardCorresponsales ( props : IProps ) {
let navigate = useNavigate ( ) ; let navigate = useNavigate ( ) ;
const [ TotalCorresponsales , setTotalCorresponsales ] = useState ( 0 ) ; const [ TotalCorresponsales , setTotalCorresponsales ] = useState ( 0 ) ;
const [ labels , setlabels ] = useState < string [ ] > ( [ ] ) ; const [ labels , setlabels ] = useState < string [ ] > ( [ ] ) ;
const [ series , setseries ] = useState < number [ ] > ( [ ] ) ; const [ series , setseries ] = useState < number [ ] > ( [ ] ) ;
const [ Solicitudes , setSolicitudes ] = useState ( 0 ) ;
//const [TipoCambio, setTipoCambio] = useState(0)
//const [TipoCambio, setTipoCambio] = useState(0)
const [ CircleOptions , setCirleOpcions ] = useState < ApexOptions > ( { const [ CircleOptions , setCirleOpcions ] = useState < ApexOptions > ( {
labels : [ labels : [
@ -32,6 +38,9 @@ export default function DashboardCorresponsales(props: IProps) {
} ) ; } ) ;
useEffect ( ( ) = > { useEffect ( ( ) = > {
DashboardDataService . getSolicitudesEliminarCuenta ( ) . then ( ( response ) = > {
setSolicitudes ( response . data . total )
} ) . catch ( ( e : Error ) = > { return ; } )
DashboardDataService . getCorresponsales ( ) DashboardDataService . getCorresponsales ( )
. then ( ( response ) = > { . then ( ( response ) = > {
console . log ( response . data ) ; console . log ( response . data ) ;
@ -144,6 +153,31 @@ export default function DashboardCorresponsales(props: IProps) {
< / Card.Footer > < / Card.Footer >
< / Card > < / Card >
< / Col > < / Col >
{ props . Perfil === 'Sup. Corresponsalias' ?
< Col >
< Card style = { { width : '18rem' } } className = 'dashboardComponentFont' >
< Card.Header > Facturación < / Card.Header >
< Card.Body style = { { paddingBottom : '50px' } } >
< Card.Title > Solicitudes para eliminar cuenta < br / > < br / > < / Card.Title >
< div style = { { fontSize : '6em' } } className = 'text-center' >
< IconContext.Provider value = { { color : '#ff671b' } } >
< FcSurvey style = { { fontSize : 'larger' } } / >
< MdTimer style = { { fontSize : '70px' , margin : '0 0 0 -4rem' , position : "absolute" , bottom : '6rem' } } / >
< / IconContext.Provider >
{ Solicitudes }
< / div >
< / Card.Body >
< Card.Footer style = { { paddingRight : '5px' } } >
< Link
to = '../RptCorresponsalesTraficos/proc=1/modo=2'
style = { { textDecoration : 'none' , float : 'right' , paddingRight : '10px' } }
>
Ver mas . . .
< / Link >
< / Card.Footer >
< / Card >
< / Col > : ""
}
< / > < / >
) ; ) ;
} ; } ;
