import React, { PropTypes } from 'react'; import { bindActionCreators } from 'redux'; import axios from 'axios'; import { Link, browserHistory } from 'react-router'; import InlineSVG from 'react-inlinesvg'; import { reduxForm } from 'redux-form'; import * as UserActions from '../actions'; import SignupForm from '../components/SignupForm'; import { validateSignup } from '../../../utils/reduxFormUtils'; const exitUrl = require('../../../images/exit.svg'); const logoUrl = require('../../../images/p5js-logo.svg'); class SignupView extends React.Component { constructor(props) { super(props); this.closeSignupPage = this.closeSignupPage.bind(this); this.gotoHomePage = this.gotoHomePage.bind(this); } closeSignupPage() { browserHistory.push(this.props.previousPath); } gotoHomePage() { browserHistory.push('/'); } render() { if (this.props.user.authenticated) { this.gotoHomePage(); return null; } return (

Sign Up

Already have an account?  Log In

); } } function mapStateToProps(state) { return { user: state.user, previousPath: state.ide.previousPath }; } function mapDispatchToProps(dispatch) { return bindActionCreators(UserActions, dispatch); } function asyncValidate(formProps, dispatch, props) { const fieldToValidate = props.form._active; if (fieldToValidate) { const queryParams = {}; queryParams[fieldToValidate] = formProps[fieldToValidate]; queryParams.check_type = fieldToValidate; return axios.get('/api/signup/duplicate_check', { params: queryParams }) .then((response) => { if (response.data.exists) { const error = {}; error[fieldToValidate] = response.data.message; throw error; } }); } return Promise.resolve(true).then(() => {}); } function onSubmitFail(errors) { console.log(errors); } SignupView.propTypes = { previousPath: PropTypes.string.isRequired, user: { authenticated: PropTypes.bool } }; SignupView.defaultProps = { user: { authenticated: false } }; export default reduxForm({ form: 'signup', fields: ['username', 'email', 'password', 'confirmPassword'], onSubmitFail, validate: validateSignup, asyncValidate, asyncBlurFields: ['username', 'email'] }, mapStateToProps, mapDispatchToProps)(SignupView);