71 lines
2.3 KiB
JavaScript
Executable File
71 lines
2.3 KiB
JavaScript
Executable File
import React from 'react';
|
|
import { Link } from 'react-router-dom';
|
|
|
|
import {
|
|
Form,
|
|
FormGroup,
|
|
FormText,
|
|
Input,
|
|
Button,
|
|
Label,
|
|
EmptyLayout,
|
|
ThemeConsumer
|
|
} from './../../../components';
|
|
|
|
import { HeaderAuth } from "../../components/Pages/HeaderAuth";
|
|
import { FooterAuth } from "../../components/Pages/FooterAuth";
|
|
|
|
const ForgotPassword = () => (
|
|
<EmptyLayout>
|
|
<EmptyLayout.Section center>
|
|
{ /* START Header */}
|
|
<HeaderAuth
|
|
title="Forgot Password"
|
|
/>
|
|
{ /* END Header */}
|
|
{ /* START Form */}
|
|
<Form className="mb-3">
|
|
<FormGroup>
|
|
<Label for="emailAdress">
|
|
Email Adress or Username
|
|
</Label>
|
|
<Input type="email" name="email" id="emailAdress" placeholder="Enter..." className="bg-white" />
|
|
<FormText color="muted">
|
|
We&ll never share your email with anyone else.
|
|
</FormText>
|
|
</FormGroup>
|
|
<div className="d-flex">
|
|
<ThemeConsumer>
|
|
{
|
|
({ color }) => (
|
|
<Button color={ color } tag={ Link } to="/" className="align-self-center">
|
|
Reset Password
|
|
</Button>
|
|
)
|
|
}
|
|
</ThemeConsumer>
|
|
<Button color="link" tag={ Link } to="/" className="align-self-center ml-auto pr-0 text-decoration-none">
|
|
<i className="fa fa-angle-left mr-2"></i> Back to Home
|
|
</Button>
|
|
</div>
|
|
</Form>
|
|
{ /* END Form */}
|
|
{ /* START Bottom Links */}
|
|
<div className="d-flex mb-5">
|
|
<Link to="/pages/login" className="text-decoration-none">
|
|
Login
|
|
</Link>
|
|
<Link to="/pages/register" className="ml-auto text-decoration-none">
|
|
Register
|
|
</Link>
|
|
</div>
|
|
{ /* END Bottom Links */}
|
|
{ /* START Footer */}
|
|
<FooterAuth />
|
|
{ /* END Footer */}
|
|
</EmptyLayout.Section>
|
|
</EmptyLayout>
|
|
);
|
|
|
|
export default ForgotPassword;
|