47 lines
1.4 KiB
TypeScript
47 lines
1.4 KiB
TypeScript
import * as _ from 'lodash';
|
|
import * as React from 'react';
|
|
import {Link} from 'react-router-dom';
|
|
import {Footer} from 'ts/components/footer';
|
|
import {TopBar} from 'ts/components/top_bar';
|
|
import {Styles} from 'ts/types';
|
|
|
|
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>
|
|
);
|
|
}
|
|
}
|