Commit 0b53ee6b authored by Guillermo Sanz López's avatar Guillermo Sanz López
Browse files

api individual page and num Invokers en indivifual invokers page

parent b78cd5f1

capif_frontend/src/pages/apis/[id].js

0 → 100644
+38 −0
Original line number Diff line number Diff line 
import Link from 'next/link'

import Grid from '@mui/material/Grid'

import Card from '@mui/material/Card'

import Typography from '@mui/material/Typography'

import CardHeader from '@mui/material/CardHeader'

import PageHeader from 'src/@core/components/page-header'

import Table from '@mui/material/Table'

import TableContainer from '@mui/material/TableContainer'

import CardContent from '@mui/material/CardContent'

import { useRouter } from 'next/router'



const Providers = () => {

  const router = useRouter()

  



  return (

    <Grid container spacing={6}>

      <PageHeader title={<Typography variant='h5'>Provider: 9584672c413fe3871ac61319246dd0</Typography>} />



      



      <Grid item xs={12}>

        <Card>

          <CardHeader title='Information' />

          <CardContent>

            <p>

                *** Work in progress ***

            </p>

          </CardContent>

        </Card>

      </Grid>

  </Grid>



    

  )

}



export default Providers

capif_frontend/src/pages/invokers/index.js

+11 −2
Original line number Diff line number Diff line 
import React from 'react';

import { useState } from 'react';

import { useQuery, useQueryClient, QueryClient, QueryClientProvider, useMutation } from '@tanstack/react-query'

import { getInvokers, deleteInvoker } from 'src/configs/apiService';

import { getInvokers, deleteInvoker, getNumInvokers } from 'src/configs/apiService';

import Link from 'next/link';

import Grid from '@mui/material/Grid';

import Card from '@mui/material/Card';
@@ -44,6 +44,15 @@ const Invokers = () => { 
    setDeleteDialogOpen(true)

  }



  // Definir la clave única para esta consulta

  const queryKeyNum = ['invokersNum']



  // Utilizar useQuery para obtener los datos

  const { data: invokersNum, isLoadingNum, isErrorNum } = useQuery({

    queryKeyNum,

    queryFn: getNumInvokers,

  });



  const handleDeleteConfirm = async () => {

    try {

      const { invokerId } = selectedInvoker
@@ -69,7 +78,7 @@ const Invokers = () => { 


  return (

    <Grid container spacing={6}>

      <PageHeader title={<Typography variant='h5'>Invokers</Typography>} />

      <PageHeader title={<Typography variant='h5'>Invokers:  {invokersNum?.data}</Typography>} />



      <Grid item xs={12}>

        <Card>