Create UserEditActions on user page

This commit is contained in:
Dirk Klimpel 2022-01-06 13:14:08 +01:00 committed by GitHub
parent b9e81b2278
commit a77e6babbc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -247,20 +247,26 @@ export function generateRandomUser() {
};
}
const UserEditToolbar = props => {
const UserEditToolbar = props => (
<Toolbar {...props}>
<SaveButton submitOnEnter={true} disabled={props.pristine} />
</Toolbar>
);
const UserEditActions = ({ data }) => {
const translate = useTranslate();
return (
<Toolbar {...props}>
<SaveButton submitOnEnter={true} disabled={props.pristine} />
<TopToolbar>
{!data.deactivated && <ServerNoticeButton record={data} />}
<DeleteButton
record={data}
label="resources.users.action.erase"
confirmTitle={translate("resources.users.helper.erase", {
smart_count: 1,
})}
mutationMode="pessimistic"
/>
<ServerNoticeButton />
</Toolbar>
</TopToolbar>
);
};
@ -313,11 +319,12 @@ const UserTitle = ({ record }) => {
</span>
);
};
export const UserEdit = props => {
const classes = useStyles();
const translate = useTranslate();
return (
<Edit {...props} title={<UserTitle />}>
<Edit {...props} title={<UserTitle />} actions={<UserEditActions />}>
<TabbedForm toolbar={<UserEditToolbar />}>
<FormTab
label={translate("resources.users.name", { smart_count: 1 })}