36 lines
1012 B
TypeScript
36 lines
1012 B
TypeScript
import { ArrowCircleRightIcon } from '@heroicons/react/outline';
|
|
import Link from 'next/link';
|
|
import React from 'react';
|
|
import { defineMessages, useIntl } from 'react-intl';
|
|
import PageTitle from '../components/Common/PageTitle';
|
|
|
|
const messages = defineMessages({
|
|
errormessagewithcode: '{statusCode} - {error}',
|
|
pagenotfound: 'Page Not Found',
|
|
returnHome: 'Return Home',
|
|
});
|
|
|
|
const Custom404: React.FC = () => {
|
|
const intl = useIntl();
|
|
|
|
return (
|
|
<div className="error-message">
|
|
<PageTitle title={intl.formatMessage(messages.pagenotfound)} />
|
|
<div className="text-4xl">
|
|
{intl.formatMessage(messages.errormessagewithcode, {
|
|
statusCode: 404,
|
|
error: intl.formatMessage(messages.pagenotfound),
|
|
})}
|
|
</div>
|
|
<Link href="/">
|
|
<a className="flex mt-2">
|
|
{intl.formatMessage(messages.returnHome)}
|
|
<ArrowCircleRightIcon className="w-6 h-6 ml-2" />
|
|
</a>
|
|
</Link>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Custom404;
|