Ghost/ghost/members-api/static/auth/pages/RequestPasswordResetPage.js
Fabien O'Carroll e1ba916ce6 Refactored auth pages for future flows (#10458)
no-issue

* Used camelCase for gateway method calls
* Added some components for building blocks of forms
* Added input specific components
* Added Form component
    This handles collecting the data to submit and sharing state between forms
* Added Pages component to handle urls
* Added the pages for the popup
* Added MembersProvider component
    This is designed to give its children access to gateway methods
* Added Modal component
    This wraps the pages and handles dispatching form submissions to the members gateway
* Refactored index.js to use new components/pages
* Fixed default page from Signup -> Signin
2019-05-07 17:35:17 +02:00

20 lines
845 B
JavaScript

import FormHeader from '../components/FormHeader';
import EmailInput from '../components/EmailInput';
import FormSubmit from '../components/FormSubmit';
import { IconClose } from '../components/icons';
import Form from '../components/Form';
export default ({error, handleClose, handleSubmit}) => (
<div className="gm-modal-container">
<div className="gm-modal gm-auth-modal" onClick={(e) => e.stopPropagation()}>
<a className="gm-modal-close" onClick={handleClose}>{ IconClose }</a>
<FormHeader title="Reset password" error={error} errorText="Unable to send email"/>
<Form bindTo="request-password-reset" onSubmit={handleSubmit}>
<EmailInput bindTo="email"/>
<FormSubmit label="Send reset password instructions"/>
</Form>
</div>
</div>
);