UserCreate.tsx

/* eslint react/jsx-key: off */
import * as React from 'react';
import {
    Create,
    FormTab,
    SaveButton,
    AutocompleteInput,
    TabbedForm,
    TextInput,
    Toolbar,
    required,
} from 'react-admin';

import Aside from './Aside';

const UserEditToolbar = ({
    permissions,
    hasList,
    hasEdit,
    hasShow,
    hasCreate,
    ...props
}) => (
    <Toolbar {...props}>
        <SaveButton
            label="user.action.save_and_show"
            redirect="show"
            submitOnEnter={true}
        />
        {permissions === 'admin' && (
            <SaveButton
                label="user.action.save_and_add"
                redirect={false}
                submitOnEnter={false}
                variant="text"
            />
        )}
    </Toolbar>
);

const isValidName = async value =>
    new Promise(resolve =>
        setTimeout(resolve(value === 'Admin' ? "Can't be Admin" : undefined))
    );

const UserCreate = ({ permissions, ...props }) => (
    <Create {...props} aside={<Aside />}>
        <TabbedForm
            toolbar={<UserEditToolbar permissions={permissions} {...props} />}
        >
            <FormTab label="user.form.summary" path="">
                <TextInput
                    source="name"
                    defaultValue="Slim Shady"
                    autoFocus
                    validate={[required(), isValidName]}
                />
            </FormTab>
            {permissions === 'admin' && (
                <FormTab label="user.form.security" path="security">
                    <AutocompleteInput
                        source="role"
                        choices={[
                            { id: '', name: 'None' },
                            { id: 'admin', name: 'Admin' },
                            { id: 'user', name: 'User' },
                            { id: 'user_simple', name: 'UserSimple' },
                        ]}
                    />
                </FormTab>
            )}
        </TabbedForm>
    </Create>
);

export default UserCreate;