Add attributes to device

1 files changed, 16 insertions, 0 deletions

diff --git a/modern/src/DevicePage.js b/modern/src/DevicePage.js
index f2985408..b531f46b 100644
--- a/modern/src/DevicePage.js
+++ b/modern/src/DevicePage.js
@@ -6,6 +6,8 @@ import EditItemView from './EditItemView';
 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';
+import EditAttributesView from './attributes/EditAttributesView';
+import deviceAttributes from './attributes/deviceAttributes';
 
 const useStyles = makeStyles(() => ({
   details: {
@@ -130,6 +132,20 @@ const DevicePage = () => {
                 label={t('sharedDisabled')} />
             </AccordionDetails>
           </Accordion>
+          <Accordion>
+            <AccordionSummary expandIcon={<ExpandMoreIcon />}>
+              <Typography variant="subtitle1">
+                {t('sharedAttributes')}
+              </Typography>
+            </AccordionSummary>
+            <AccordionDetails className={classes.details}>
+              <EditAttributesView
+                attributes={item.attributes}
+                setAttributes={attributes => setItem({...item, attributes})}
+                definitions={deviceAttributes}
+                />
+            </AccordionDetails>
+          </Accordion>
         </>
       }
     </EditItemView>