pages not-found-page.tsx

0% Statements 0/8

100% Branches 0/0

0% Functions 0/1

0% Lines 0/8

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React from "react";
import { Link } from "react-router-dom";
 
import { createStyleFor } from "src/helpers/styles";
 
import Page from "./page";
import Title from "src/components/title";
 
/** @private */
const styleFor = createStyleFor({
	disclaimer: {
		fontSize: "3rem",
		animation: "fade-in-to-100 1s both",
	},
	emoji: {
		position: "absolute",
		right: "20%",
		top: "30%",
		transform: "translateY(-50%)",
		fontSize: "12rem",
		zIndex: -1,
		animation: "fade-in-to-7 2s 1.5s both",
	},
	homelink: {
		animation: "fade-in-to-100 1s 0.5s both",
	},
});
 
export default function NotFoundPage(): JSX.Element {
	return (
		<Page className="justify-content-center align-items-center">
			<Title style={styleFor.disclaimer}>
				Sorry, this page does not exist
			</Title>
 
			<span style={styleFor.emoji}>😮</span>
 
			<span style={styleFor.homelink}>
				<Link to="/">Go to home page instead</Link>
			</span>
		</Page>
	);
}