Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

import { useParams } from 'react-router-dom'

import { Container } from '@mui/material'

import { useFetch } from '@hooks'

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

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

import ReportCard from '@app/components/abuse-report/report-card'

export default function AbuseReportViewPage() {

  const { id } = useParams()

  const { data: report, isLoading } = useFetch(`/abuse-report/view/${id}`)

  return (

    <Container>

      {isLoading ? (

        <LoaderContainer>

          <Spinner />

        </LoaderContainer>

      ) : (

        <ReportCard report={report} />

      )}

    </Container>

  )

}