4c5ffb30fc
* fix(alerts): Fix page not found alert & UI adjustments - Added adequate margins to flash alerts. - Page not found alert link fix & UI adjustments. Closes #16857 Closes #16860 * fix(404): Changed the UX of 404 page - This makes the 404 page UX consistent.
32 lines
611 B
JavaScript
32 lines
611 B
JavaScript
import React from 'react';
|
|
// import PropTypes from 'prop-types';
|
|
import {
|
|
Alert,
|
|
Button
|
|
} from 'react-bootstrap';
|
|
|
|
const propTypes = {};
|
|
|
|
export default function NotFound() {
|
|
return (
|
|
<div className='not-found'>
|
|
<Alert bsStyle='info'>
|
|
<p>
|
|
{ 'Sorry, we couldn\'t find a page for that address.' }
|
|
</p>
|
|
</Alert>
|
|
<a href={'/map'}>
|
|
<Button
|
|
bsSize='lg'
|
|
bsStyle='primary'
|
|
>
|
|
Take me to the Challenges
|
|
</Button>
|
|
</a>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
NotFound.displayName = 'NotFound';
|
|
NotFound.propTypes = propTypes;
|