casl/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #508 from m-tartari/refactor/eror-page/title

Browse Source 
♻️ refactor(ErrorPage): use common `SectionHeader`
This commit is contained in:
Michele Tartari
2025-06-16 17:07:04 +02:00
committed by GitHub
parent 7012843b3f 683e239aff
commit 5bd70d5a7a
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/ErrorPage/ErrorPage.tsx
+3 -2
View File
@@ -1,15 +1,16 @@
import { isRouteErrorResponse, useRouteError } from 'react-router-dom' import { isRouteErrorResponse, useRouteError } from 'react-router-dom'
import { Typography } from '@mui/material' import { Typography } from '@mui/material'
import { SectionHeader } from 'components/atoms/index.js'
import { Page } from 'components/templates/index.js' import { Page } from 'components/templates/index.js'
const ErrorPage: React.FC = () => { const ErrorPage: React.FC = () => {
const error: unknown = useRouteError() const error: unknown = useRouteError()
return ( return (
<Page sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', minHeight: '90vh' }}> <Page sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', minHeight: '90vh' }}>
<Typography variant="h1" color="primary.main"> <SectionHeader variant="h1" component="h1" textTransform="none">
Oops! Oops!
</Typography> </SectionHeader>
<Typography variant="h6">Sorry, an unexpected error has occurred.</Typography> <Typography variant="h6">Sorry, an unexpected error has occurred.</Typography>
{isRouteErrorResponse(error) && ( {isRouteErrorResponse(error) && (
<Typography color="text.secondary"> <Typography color="text.secondary">