Пользовательская кнопка на панели приложений

Question

Как я могу создать пользовательскую кнопку на панели приложений в activ-admin 3.4. Я пытался следовать https://marmelab.com/react-admin/Theming.html#customizing -the-appbar-content , но это показывает только изменение названия. Добавление значка тоже работает, но добавьте IconButton или Button, и это испортило макет экрана. Я попытался создать кнопку на основе того, как был создан RefreshButton, и это также испортило макет. Затем я попытался создать кнопку в качестве пользовательской панели инструментов на экране редактирования, и снова она испортила макет.

Я что-то здесь упускаю, просто нужен намек на то, что это такое. Я новичок в реагировании администратора и учусь быстро.

Это мой код кнопки.

class GenerateButton extends Component {
static propTypes = {
    label: PropTypes.string,
    icon: PropTypes.element,
};

static defaultProps = {
    label: 'Generate',
    icon: <DirectionsRunIcon/>,
};

handleClick = event => {
    const {onClick} = this.props;
    event.preventDefault();

    if (typeof onClick === 'function') {
        onClick();
    }
};

render() {
    const {label, icon, ...rest} = this.props;

    return (
        <Button label={label} onClick={this.handleClick} {...rest}>
            {icon}
        </Button>

        /*
            <Tooltip title={label}>
            <IconButton label={label} onClick={this.handleClick} {...rest}>
                {icon}
            </IconButton>
        </Tooltip>
         */
    );
}

}