feat(NotFound): add NotFound container (404 error)

Metnew · Nov 3, 2017 · 2070c0a · 2070c0a
1 parent 57bb4c3
commit 2070c0a
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 0 deletions.
diff --git a/src/common/containers/NotFound/index.jsx b/src/common/containers/NotFound/index.jsx
@@ -0,0 +1,22 @@
+// @flow
+import React from 'react'
+import {Header, Icon} from 'semantic-ui-react'
+import {Link} from 'react-router-dom'
+import {NotFoundLayout} from './style'
+type Props = any
+
+const NotFound = (props: Props) => {
+	return (
+		<NotFoundLayout>
+			<Header as="h2" icon textAlign="center">
+				<Icon name="users" circular />
+				<Header.Content>404</Header.Content>
+				<Header.Subheader>
+					<Link to="/">Dashboard lives here</Link>
+				</Header.Subheader>
+			</Header>
+		</NotFoundLayout>
+	)
+}
+
+export default NotFound
diff --git a/src/common/containers/NotFound/style.jsx b/src/common/containers/NotFound/style.jsx
@@ -0,0 +1,7 @@
+import styled from 'styled-components'
+
+export const NotFoundLayout = styled.div`
+  display: flex;
+  height: 100%;
+  align-items: center;
+`