Proyectos de Subversion LeadersLinked - SPA

import React from 'react'
import { Typography } from '@mui/material'

import { useFetch } from '@hooks'
import Spinner from '@components/UI/Spinner'
import ReportTable from '@components/abuse-report/report-table'

export default function AbuseReportPage() {
  const {
    data: { items },
    isLoading
  } = useFetch('/abuse-report')

  return (
    <>
      <Typography variant='h1' mb={2}>
        Reportes de abuso
      </Typography>

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