Proyectos de Subversion LeadersLinked - SPA

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

import useFetch from '@app/hooks/useFetch'

import LoaderContainer from '@app/components/UI/LoaderContainer'
import PaginationComponent from '@app/components/UI/PaginationComponent'
import Spinner from '@app/components/UI/Spinner'
import ReportList from '@app/components/abuse-report/report-list'

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

  if (isLoading) {
    return (
      <LoaderContainer>
        <Spinner />
      </LoaderContainer>
    )
  }

  return (
    <Container>
      <Typography variant='h1'>Reportes de abuso</Typography>
      <Grid container spacing={2}>
        <Grid item xs={12} md={4}></Grid>

        <Grid item xs={12} md={8}>
          <ReportList reports={items} />
          <PaginationComponent isRow />
        </Grid>
      </Grid>
    </Container>
  )
}