e1ba916ce6
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
19 lines
886 B
JavaScript
19 lines
886 B
JavaScript
import FormHeader from '../components/FormHeader';
|
||
import FormSubmit from '../components/FormSubmit';
|
||
import { IconClose } from '../components/icons';
|
||
|
||
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="Sign up" error={error} errorText="Unable to send email"/>
|
||
<Form bindTo="request-password-reset" onSubmit={handleSubmit}>
|
||
<div className="gm-reset-sent">
|
||
<p>We’ve sent a recovery email to your inbox. Follow the link in the email to reset your password.</p>
|
||
</div>
|
||
<FormSubmit label="Resend instructions" />
|
||
</Form>
|
||
</div>
|
||
</div>
|
||
);
|