Implement attributes editing

1 files changed, 16 insertions, 0 deletions

diff --git a/modern/src/UserPage.js b/modern/src/UserPage.js
index 8bef99c2..81e33893 100644
--- a/modern/src/UserPage.js
+++ b/modern/src/UserPage.js
@@ -2,9 +2,11 @@ import React, { useState } from 'react';
 import TextField from '@material-ui/core/TextField';
 
 import t from './common/localization';
+import userAttributes from './attributes/userAttributes';
 import EditItemView from './EditItemView';
 import { Accordion, AccordionSummary, AccordionDetails, makeStyles, Typography } from '@material-ui/core';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
+import EditAttributesView from './attributes/EditAttributesView';
 
 const useStyles = makeStyles(() => ({
   details: {
@@ -48,6 +50,20 @@ const UserPage = () => {
                 variant="filled" />
             </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={userAttributes}
+                />
+            </AccordionDetails>
+          </Accordion>
         </>
       }
     </EditItemView>