aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/pages/not_found.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/pages/not_found.tsx')
-rw-r--r--packages/website/ts/pages/not_found.tsx46
1 files changed, 46 insertions, 0 deletions
diff --git a/packages/website/ts/pages/not_found.tsx b/packages/website/ts/pages/not_found.tsx
new file mode 100644
index 000000000..ddd720c97
--- /dev/null
+++ b/packages/website/ts/pages/not_found.tsx
@@ -0,0 +1,46 @@
+import * as _ from 'lodash';
+import * as React from 'react';
+import {Styles} from 'ts/types';
+import {Link} from 'react-router-dom';
+import {Footer} from 'ts/components/footer';
+import {TopBar} from 'ts/components/top_bar';
+
+export interface NotFoundProps {
+ location: Location;
+}
+
+interface NotFoundState {}
+
+const styles: Styles = {
+ thin: {
+ fontWeight: 100,
+ },
+};
+
+export class NotFound extends React.Component<NotFoundProps, NotFoundState> {
+ public render() {
+ return (
+ <div>
+ <TopBar
+ blockchainIsLoaded={false}
+ location={this.props.location}
+ />
+ <div className="mx-auto max-width-4 py4">
+ <div className="center py4">
+ <div className="py4">
+ <div className="py4">
+ <h1 style={{...styles.thin}}>404 Not Found</h1>
+ <div className="py1">
+ <div className="py3">
+ Hm... looks like we couldn't find what you are looking for.
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <Footer location={this.props.location} />
+ </div>
+ );
+ }
+}