You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
import { Button } from 'reactstrap' |
|
|
import { Link } from 'react-router-dom' |
|
|
import errorImg from '@src/assets/images/pages/error.svg' |
|
|
|
|
|
import '@styles/base/pages/page-misc.scss' |
|
|
|
|
|
import logoImg from '@src/assets/images/pal_logo.png' |
|
|
const Error = () => { |
|
|
return ( |
|
|
<div className='misc-wrapper'> |
|
|
<a className='brand-logo' href='/'> |
|
|
<img src={logoImg} width="50"/> |
|
|
<h2 className='brand-text text-primary ml-1'>Drone Control System</h2> |
|
|
</a> |
|
|
<div className='misc-inner p-2 p-sm-3'> |
|
|
<div className='w-100 text-center'> |
|
|
<h2 className='mb-1'>Page Not Found 🕵🏻♀️</h2> |
|
|
<p className='mb-2'>Oops! 😖 The requested URL was not found on this server.</p> |
|
|
<Button.Ripple tag={Link} to='/' color='primary' className='btn-sm-block mb-2'> |
|
|
Back to home |
|
|
</Button.Ripple> |
|
|
<img className='img-fluid' src={errorImg} alt='Not authorized page' /> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
) |
|
|
} |
|
|
export default Error
|
|
|
|