Implement new page layout

1 files changed, 10 insertions, 1 deletions

diff --git a/modern/src/settings/UserPage.js b/modern/src/settings/UserPage.js
index 2b5adcca..7200329a 100644
--- a/modern/src/settings/UserPage.js
+++ b/modern/src/settings/UserPage.js
@@ -13,6 +13,7 @@ import { useTranslation } from '../common/components/LocalizationProvider';
 import useUserAttributes from '../common/attributes/useUserAttributes';
 import { sessionActions } from '../store';
 import SelectField from '../common/components/SelectField';
+import SettingsMenu from './components/SettingsMenu';
 
 const useStyles = makeStyles(() => ({
   details: {
@@ -40,7 +41,15 @@ const UserPage = () => {
   const validate = () => item && item.name && item.email && (item.id || item.password);
 
   return (
-    <EditItemView endpoint="users" item={item} setItem={setItem} validate={validate} onItemSaved={onItemSaved}>
+    <EditItemView
+      endpoint="users"
+      item={item}
+      setItem={setItem}
+      validate={validate}
+      onItemSaved={onItemSaved}
+      menu={<SettingsMenu />}
+      breadcrumbs={['settingsTitle', 'settingsUser']}
+    >
       {item && (
         <>
           <Accordion defaultExpanded>