Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

import React from 'react';

import { Typography } from '@mui/material'

import { Typography } from '@mui/material';

import { useFetch } from '@hooks'

import { useFetch } from '@hooks';

import Spinner from '@components/UI/Spinner'

import Spinner from '@components/UI/Spinner';

import ReportTable from '@components/abuse-report/report-table'

import ReportTable from '@components/abuse-report/report-table';

export default function AbuseReportPage() {

export default function AbuseReportPage() {

  const {

  const {

    data: { items },

    data: { items },

    isLoading

    isLoading

  } = useFetch('/abuse-report')

  } = useFetch('/abuse-report');

  return (

  return (

    <>

    <>

      <Typography variant='h1' mb={2}>

      <Typography variant='h1' mb={2}>

        Reportes de abuso

        Reportes de abuso

      </Typography>

      </Typography>

      {isLoading ? <Spinner /> : <ReportTable reports={items} />}

      {isLoading ? <Spinner /> : <ReportTable reports={items} />}

    </>

    </>

  )

  );

}

}