From 0d9a1810bb57ea6d72ddf5e72b9e20cb602f8248 Mon Sep 17 00:00:00 2001
From: Sung Won Cho <sung@monomax.sh>
Date: Sun, 22 Mar 2020 11:38:24 +1100
Subject: [PATCH] Add toggle for inactive email preference (#435)

---
 web/package-lock.json                         | 12 ++++++---
 .../Settings/Notifications/Form.tsx           | 25 +++++++++++++++++++
 2 files changed, 33 insertions(+), 4 deletions(-)

diff --git a/web/package-lock.json b/web/package-lock.json
index e39bab55..4d56f5ac 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -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": {
diff --git a/web/src/components/Settings/Notifications/Form.tsx b/web/src/components/Settings/Notifications/Form.tsx
index ba8d98fb..110a4f3d 100644
--- a/web/src/components/Settings/Notifications/Form.tsx
+++ b/web/src/components/Settings/Notifications/Form.tsx
@@ -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>