import { CircularProgress } from '@mui/material' ; import React from 'react' ; import { CertificateDetails , DeviceDetails } from '../../containers' ; import { useDetailedPageViewEffects } from './DetailViewPage.effects' ; import { useStyles } from './DetailViewPage.styles' ; export const DetailViewPage = ( ) => { const { certificate , device , isLoading } = useDetailedPageViewEffects ( ) ; const classes = useStyles ( ) ; if ( isLoading ) return < CircularProgress />; return ( < div className = { classes . wrapper } > < CertificateDetails certificate = { certificate } /> < DeviceDetails device = { device } / > < /div>); } ; export default DetailViewPage ;