r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

move signup form to separate file

Browse source
This commit is contained in:
catarak 2016-06-09 23:52:04 -04:00
parent 5c3f36e671
commit 091741b974
2 changed files with 20 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
shared/components/SignupForm/SignupForm.jsx Normal file
View file

@ -0,0 +1,18 @@
import React from 'react'
class SignupForm extends React.Component {
render() {
const {fields: { username, email, password, confirmPassword }, handleSubmit} = this.props;
return (
<form onSubmit={handleSubmit(this.props.signUpUser.bind(this))}>
<input type="text" placeholder="Username" {...username}/>
<input type="text" placeholder="Email" {...email}/>
<input type="password" placeholder="Password" {...password}/>
<input type="password" placeholder="Confirm Password" {...confirmPassword}/>
<input type="submit" value="Sign Up" />
</form>
)
}
}
export default SignupForm;

10
shared/containers/SignupView/SignupView.jsx
View file

@ -3,18 +3,12 @@ import { bindActionCreators } from 'redux'
import { connect } from 'react-redux'
import * as UserActions from '../../redux/actions/user'
import { reduxForm } from 'redux-form'
import SignupForm from '../../components/SignupForm/SignupForm'
class SignupView extends React.Component {
render() {
const {fields: { username, email, password, confirmPassword }, handleSubmit} = this.props;
return (
<form onSubmit={handleSubmit(this.props.signUpUser.bind(this))}>
<input type="text" placeholder="Username" {...username}/>
<input type="text" placeholder="Email" {...email}/>
<input type="password" placeholder="Password" {...password}/>
<input type="password" placeholder="Confirm Password" {...confirmPassword}/>
<input type="submit" value="Sign Up" />
</form>
<SignupForm {...this.props} />
)
}
}