Add toggle for inactive email preference (#435)

This commit is contained in:
Sung Won Cho 2020-03-22 11:38:24 +11:00 committed by GitHub
commit 0d9a1810bb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 33 additions and 4 deletions

12
web/package-lock.json generated
View file

@ -4609,7 +4609,8 @@
},
"minimist": {
"version": "1.2.0",
"resolved": "",
"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
"integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
"dev": true
},
"postcss": {
@ -12727,7 +12728,8 @@
},
"minimist": {
"version": "1.2.0",
"resolved": "",
"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
"integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
"dev": true
},
"semver": {
@ -13643,7 +13645,8 @@
},
"minimist": {
"version": "1.2.0",
"resolved": "",
"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
"integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
"dev": true
}
}
@ -14327,7 +14330,8 @@
},
"minimist": {
"version": "1.2.0",
"resolved": "",
"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
"integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
"dev": true
},
"schema-utils": {

View file

@ -92,6 +92,31 @@ const Form: React.FunctionComponent<Props> = ({
return (
<form id="T-notifications-form" onSubmit={handleSubmit}>
<div className={styles.section}>
<h3 className={styles.heading}>Alerts</h3>
<p className={styles.subtext}>Email me when:</p>
<ul className="list-unstyled">
<li>
<input
type="checkbox"
id="inactive-reminder"
checked={formState.inactiveReminder}
onChange={e => {
const { checked } = e.target;
formDispatch({
type: Action.setInactiveReminder,
data: checked
});
}}
/>
<label className={styles.label} htmlFor="inactive-reminder">
I stop learning new things
</label>
</li>
</ul>
</div>
<div className={styles.section}>
<h3 className={styles.heading}>News</h3>