import PropTypes from 'prop-types'; import React from 'react'; import { Link, browserHistory } from 'react-router'; import classNames from 'classnames'; import InlineSVG from 'react-inlinesvg'; import { bindActionCreators } from 'redux'; import { reduxForm } from 'redux-form'; import * as UserActions from '../actions'; import ResetPasswordForm from '../components/ResetPasswordForm'; const exitUrl = require('../../../images/exit.svg'); const logoUrl = require('../../../images/p5js-logo.svg'); class ResetPasswordView extends React.Component { constructor(props) { super(props); this.gotoHomePage = this.gotoHomePage.bind(this); } componentWillMount() { this.props.resetPasswordReset(); } gotoHomePage() { browserHistory.push('/'); } render() { const resetPasswordClass = classNames({ 'reset-password': true, 'reset-password--submitted': this.props.user.resetPasswordInitiate, 'form-container': true }); return (

Reset Your Password

Your password reset email should arrive shortly. If you don't see it, check in your spam folder as sometimes it can end up there.

Log In  or  Sign Up

); } } ResetPasswordView.propTypes = { resetPasswordReset: PropTypes.func.isRequired, user: PropTypes.shape({ resetPasswordInitiate: PropTypes.bool }).isRequired, }; function mapStateToProps(state) { return { user: state.user }; } function mapDispatchToProps(dispatch) { return bindActionCreators(UserActions, dispatch); } function validate(formProps) { const errors = {}; if (!formProps.email) { errors.email = 'Please enter an email'; } return errors; } export default reduxForm({ form: 'reset-password', fields: ['email'], validate }, mapStateToProps, mapDispatchToProps)(ResetPasswordView);