mirror of
https://github.com/elyby/accounts-frontend.git
synced 2024-12-11 07:49:01 +05:30
54 lines
1.8 KiB
TypeScript
54 lines
1.8 KiB
TypeScript
import React, { ComponentType } from 'react';
|
|
import { Link } from 'react-router-dom';
|
|
import { FormattedMessage as Message } from 'react-intl';
|
|
import { Helmet } from 'react-helmet-async';
|
|
import { FooterMenu } from 'app/components/footerMenu';
|
|
|
|
import styles from './404.scss';
|
|
import messages from './PageNotFound.intl.json';
|
|
import profileStyles from '../profile/profile.scss';
|
|
|
|
const PageNotFound: ComponentType = () => (
|
|
<div className={styles.page}>
|
|
<Message {...messages.title}>{(pageTitle) => <Helmet title={pageTitle as string} />}</Message>
|
|
|
|
<div className={styles.loading}>
|
|
<div className={styles.cube} />
|
|
<div className={styles.road} />
|
|
<div className={styles.rocks}>
|
|
<span className={styles.rockOne} />
|
|
<span className={styles.rockTwo} />
|
|
<span className={styles.rockThree} />
|
|
<span className={styles.rockFour} />
|
|
<span className={styles.rockFive} />
|
|
</div>
|
|
<div className={styles.clouds}>
|
|
<span className={styles.cloudOne} />
|
|
<span className={styles.cloudTwo} />
|
|
<span className={styles.cloudThree} />
|
|
</div>
|
|
</div>
|
|
<p className={styles.text}>
|
|
<Message {...messages.nothingHere} />
|
|
</p>
|
|
<p className={styles.subText}>
|
|
<Message
|
|
{...messages.returnToTheHomePage}
|
|
values={{
|
|
link: (
|
|
<Link to="/">
|
|
<Message {...messages.homePage} />
|
|
</Link>
|
|
),
|
|
}}
|
|
/>
|
|
</p>
|
|
|
|
<div className={profileStyles.footer}>
|
|
<FooterMenu />
|
|
</div>
|
|
</div>
|
|
);
|
|
|
|
export default PageNotFound;
|