Add device disable checkbox

1 files changed, 4 insertions, 1 deletions

diff --git a/modern/src/DevicePage.js b/modern/src/DevicePage.js
index 7d20be39..da41e37a 100644
--- a/modern/src/DevicePage.js
+++ b/modern/src/DevicePage.js
@@ -3,7 +3,7 @@ import TextField from '@material-ui/core/TextField';
 
 import t from './common/localization';
 import EditItemView from './EditItemView';
-import { Accordion, AccordionSummary, AccordionDetails, makeStyles, Typography, FormControl, InputLabel, Select } from '@material-ui/core';
+import { Accordion, AccordionSummary, AccordionDetails, makeStyles, Typography, FormControl, InputLabel, Select, FormControlLabel, Checkbox } from '@material-ui/core';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import { useEffectAsync } from './reactHelper';
 
@@ -125,6 +125,9 @@ const DevicePage = () => {
                   ))}
                 </Select>
               </FormControl>
+              <FormControlLabel
+                control={<Checkbox checked={item.disabled} onChange={event => setItem({...item, disabled: event.target.checked})} />}
+                label={t('sharedDisabled')} />
             </AccordionDetails>
           </Accordion>
         </>