Added option for promotional emails to signup page

This commit is contained in:
2019-06-14 16:29:06 +10:00
parent 921693c12d
commit e1744d6964
5 changed files with 31 additions and 25 deletions
+11 -1
View File
@@ -11,6 +11,7 @@ class Signup extends React.Component {
username: '',
password: '',
retype: '',
promotions: false,
warning: ''
};
}
@@ -49,6 +50,11 @@ class Signup extends React.Component {
<input id='retype' type='password' name='retype' value={this.state.retype} onChange={this.updateRetype.bind(this)} />
</div>
<div style={{paddingLeft: '34px', alignSelf: 'flex-start', flex: '1', display:'flex', flexDirection: 'row', justifyContent: 'flex-start', alignItems: 'center'}}>
<label htmlFor='promotions'>Allow Emails:</label>
<input id='promotions' type='checkbox' name='promotions' value={this.state.promotions} onChange={this.updatePromotions.bind(this)} />
</div>
<button type='submit' disabled={!this.state.email}>Sign Up</button>
</form>
</div>
@@ -121,7 +127,7 @@ class Signup extends React.Component {
}
clearInput() {
this.setState({ email: '', username: '', password: '', retype: '', warning: '' });
this.setState({ email: '', username: '', password: '', retype: '', promotions: false, warning: '' });
}
updateEmail(evt) {
@@ -139,6 +145,10 @@ class Signup extends React.Component {
updateRetype(evt) {
this.setState({ retype: evt.target.value });
}
updatePromotions(evt) {
this.setState({ promotions: evt.target.value });
}
};
Signup.propTypes = {