2021-02-22 22:37:29 -08:00

23 lines
553 B
TypeScript

import React from 'react'
import { ErrorInfo } from '../../../classes/client'
import StyledAlert from './styled'
type GlobalErrorProps = {
error?: ErrorInfo
}
const GlobalError = (props: GlobalErrorProps): React.ReactElement | null => {
const error = props.error
const hasError = Boolean(error?.msg)
const errorMsg = error?.msg
return hasError ? (
<StyledAlert severity="error" variant="filled" hidden={!hasError}>
{' '}
{errorMsg}
</StyledAlert>
) : null
}
export default GlobalError