Implement Require Email for Notifications on Frontend

plugins/talk-plugin-notifications/client/components/Toggle.js

@@ -3,24 +3,36 @@ import PropTypes from 'prop-types';
 import { Checkbox } from 'plugin-api/beta/client/components/ui';
 import styles from './Toggle.css';
 import uuid from 'uuid/v4';
+import cn from 'classnames';
 
 class Toggle extends React.Component {
   id = uuid();
 
   render() {
-    const { checked, onChange, children } = this.props;
+    const { checked, onChange, children, disabled } = this.props;
     return (
       <div className={styles.toggle}>
-        <label htmlFor={this.id} className={styles.title}>
+        <label
+          htmlFor={this.id}
+          className={cn(styles.title, { [styles.disabled]: disabled })}
+        >
           {children}
         </label>
-        <Checkbox checked={checked} onChange={onChange} id={this.id} />
+        <div className={styles.checkBox}>
+          <Checkbox
+            checked={checked}
+            onChange={onChange}
+            id={this.id}
+            disabled={disabled}
+          />
+        </div>
       </div>
     );
   }
 }
 
 Toggle.propTypes = {
+  disabled: PropTypes.bool,
   checked: PropTypes.bool,
   onChange: PropTypes.func,
   children: PropTypes.node,