Proyectos de Subversion LeadersLinked - SPA

import React from 'react'
import { useParams } from 'react-router-dom'
import { Container, Typography } from '@mui/material'

import useFetch from '@app/hooks/useFetch'

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

export default function AbuseReportViewPage() {
  const { id } = useParams()
  const {
    data: { items },
    isLoading
  } = useFetch(`/abuse-report/view/${id}`)

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

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