67
app/routes/Pages/Error404/Error404.js
Executable file
67
app/routes/Pages/Error404/Error404.js
Executable file
@@ -0,0 +1,67 @@
|
||||
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;
|
Reference in New Issue
Block a user