Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

import { Container, Typography } from '@mui/material'

import { useFetch } from '@hooks'

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

import LoaderContainer from '@app/components/UI/LoaderContainer'

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

export default function AbuseReportPage() {

  const {

    data: { items },

    isLoading

  } = useFetch('/abuse-report')

  return (

    <Container>

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

        Reportes de abuso

      </Typography>

      {isLoading ? (

        <LoaderContainer>

          <Spinner />

        </LoaderContainer>

      ) : (

        <ReportTable reports={items} />

      )}

    </Container>

  )

}