CHIEFSOFT\ameye
38 lines
1.2 KiB
TypeScript
38 lines
1.2 KiB
TypeScript
import {useEffect} from 'react'
|
|
import {Outlet} from 'react-router-dom'
|
|
import {useThemeMode} from '../../../_digifi/partials'
|
|
import {toAbsoluteUrl} from '../../../_digifi/helpers'
|
|
|
|
const BODY_CLASSES = ['bgi-size-cover', 'bgi-position-center', 'bgi-no-repeat']
|
|
const ErrorsLayout = () => {
|
|
const {mode} = useThemeMode()
|
|
useEffect(() => {
|
|
BODY_CLASSES.forEach((c) => document.body.classList.add(c))
|
|
document.body.style.backgroundImage =
|
|
mode === 'dark'
|
|
? `url(${toAbsoluteUrl('media/auth/bg7-dark.jpg')})`
|
|
: `url(${toAbsoluteUrl('media/auth/bg7.jpg')})`
|
|
|
|
return () => {
|
|
BODY_CLASSES.forEach((c) => document.body.classList.remove(c))
|
|
document.body.style.backgroundImage = 'none'
|
|
}
|
|
}, [mode])
|
|
|
|
return (
|
|
<div className='d-flex flex-column flex-root'>
|
|
<div className='d-flex flex-column flex-center flex-column-fluid'>
|
|
<div className='d-flex flex-column flex-center text-center p-10'>
|
|
<div className='card card-flush w-lg-650px py-5'>
|
|
<div className='card-body py-15 py-lg-20'>
|
|
<Outlet />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export {ErrorsLayout}
|