Merge pull request #5 from dklimpel/patch-5

Create `UserEditActions` on user page
This commit is contained in:
matrix07012 2022-01-29 12:27:08 +01:00 committed by GitHub
commit 2267742c7d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -249,20 +249,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>
);
};
@ -315,11 +321,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 })}