From 3fdfe78d0f3568072f838a0721e9521258d95c1e Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton.tananaev@gmail.com>
Date: Sun, 27 Sep 2020 19:52:54 -0700
Subject: Add attributes to device

---
 modern/src/DevicePage.js | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

(limited to 'modern/src/DevicePage.js')

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>
-- 
cgit v1.2.3