36 lines
1.0 KiB
JavaScript
Raw Normal View History

2016-08-18 11:41:13 +02:00
/**
* NotFoundPage
*
* This is the page we show when the user visits a url that doesn't have a route
2016-08-18 11:47:26 +02:00
*
* NOTE: while this component should technically be a stateless functional
* component (SFC), hot reloading does not currently support SFCs. If hot
* reloading is not a neccessity for you then you can refactor it and remove
* the linting exception.
2016-08-18 11:41:13 +02:00
*/
import React from 'react';
import { FormattedMessage } from 'react-intl';
2016-08-26 13:28:12 +02:00
import styles from './styles.scss';
import { Link } from 'react-router';
2016-10-13 20:53:33 +02:00
import messages from './messages.json';
import { define } from '../../i18n';
define(messages);
2016-08-18 11:41:13 +02:00
2016-08-18 11:47:26 +02:00
export default class NotFound extends React.Component { // eslint-disable-line react/prefer-stateless-function
2016-08-18 11:41:13 +02:00
2016-08-18 11:47:26 +02:00
render() {
return (
2016-08-26 13:28:12 +02:00
<div className={styles.notFound}>
<h1 className={styles.notFoundTitle}>
2016-10-13 20:53:33 +02:00
404
2016-08-26 13:28:12 +02:00
</h1>
<h2 className={styles.notFoundDescription}>
<FormattedMessage {...messages.description} />
</h2>
<Link to={'/'}>Back to home page.</Link>
</div>
2016-08-18 11:47:26 +02:00
);
}
2016-08-18 11:41:13 +02:00
}