PromucFlow_constructor/app/client/src/pages/common/PageNotFound.tsx

34 lines
840 B
TypeScript

import * as React from "react";
import { NonIdealState, Button, Card, Elevation } from "@blueprintjs/core";
import { RouterProps } from "react-router";
class PageNotFound extends React.PureComponent<RouterProps> {
public render() {
return (
<div style={{ textAlign: "center" }}>
<Card elevation={Elevation.TWO}>
<NonIdealState
icon={"search"}
title="Page not found"
description={
"The page you were looking for does not appear to exist"
}
action={
<Button
onClick={() => {
this.props.history.push("/");
}}
>
{"Home"}
</Button>
}
/>
</Card>
</div>
);
}
}
export default PageNotFound;