fabien0102/gatsby-starter

View on GitHub
src/pages/404.tsx

Summary

Maintainability
A
0 mins
Test Coverage
import * as React from "react";
import { Header, Icon, Grid } from "semantic-ui-react";
import {withLayout} from "../components/Layout";

const NotFoundPage = () =>
    <Grid centered verticalAlign="middle"
      style={{
        minHeight: "700px",
        }}
      >
      <Grid.Column>
        <Grid.Row style={{textAlign: "center"}}>
          <Icon name="marker" size="huge"/>
          <Header as="h1">You are here!</Header>
          <Header as="h2">But nothing found for you #404</Header>
        </Grid.Row>
      </Grid.Column>
    </Grid>;

export default withLayout(NotFoundPage);