Files
2019-08-15 00:54:44 +02:00

68 lines
2.1 KiB
JavaScript
Executable File

import React from 'react';
import { Link } from 'react-router-dom';
import {
Form,
FormGroup,
Input,
InputGroupAddon,
InputGroup,
Button,
Label,
EmptyLayout,
ThemeConsumer
} from './../../../components';
import { HeaderAuth } from "../../components/Pages/HeaderAuth";
import { FooterAuth } from "../../components/Pages/FooterAuth";
const Error404 = () => (
<EmptyLayout>
<EmptyLayout.Section center>
{ /* START Header */}
<HeaderAuth
title="Error 404"
/>
{ /* END Header */}
{ /* START Form */}
<Form className="mb-3">
<FormGroup>
<Label for="search">
Search
</Label>
<InputGroup>
<Input type="text" name="text" id="search" placeholder="Enter search phrase here..." className="bg-white" />
<InputGroupAddon addonType="append">
<ThemeConsumer>
{
({ color }) => (
<Button color={ color } tag={ Link } to="/">
<i className="fa fa-search"></i>
</Button>
)
}
</ThemeConsumer>
</InputGroupAddon>
</InputGroup>
</FormGroup>
</Form>
{ /* END Form */}
{ /* START Bottom Links */}
<div className="d-flex mb-5">
<Link to="/pages/login">
Back to Home
</Link>
<Link to="/" className="ml-auto text-decoration-none">
Support
</Link>
</div>
{ /* END Bottom Links */}
{ /* START Footer */}
<FooterAuth />
{ /* END Footer */}
</EmptyLayout.Section>
</EmptyLayout>
);
export default Error404;