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
|
