disable everything if user has no permission to edit config

scm-ui/src/components/forms/Checkbox.js

@@ -4,7 +4,8 @@ import React from "react";
 type Props = {
   label?: string,
   checked: boolean,
-  onChange?: boolean => void
+  onChange?: boolean => void,
+  disabled?: boolean
 };
 class Checkbox extends React.Component<Props> {
   onCheckboxChange = (event: SyntheticInputEvent<HTMLInputElement>) => {
@@ -17,11 +18,12 @@ class Checkbox extends React.Component<Props> {
     return (
       <div className="field">
         <div className="control">
-          <label className="checkbox">
+          <label className="checkbox" disabled={this.props.disabled}>
             <input
               type="checkbox"
               checked={this.props.checked}
               onChange={this.onCheckboxChange}
+              disabled={this.props.disabled}
             />
             {this.props.label}
           </label>