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>

  )

}