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
|
|
|
}
|