mirror of
https://github.com/elyby/accounts-frontend.git
synced 2024-12-11 07:49:01 +05:30
56 lines
1.6 KiB
TypeScript
56 lines
1.6 KiB
TypeScript
import React 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';
|
|
|
|
export default function PageNotFound() {
|
|
return (
|
|
<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>
|
|
);
|
|
}
|