1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00

fix MenuActions classname

Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>
This commit is contained in:
Jari Kolehmainen 2020-03-17 08:02:30 +02:00
parent f47acda62b
commit 92fab7cd22

View File

@ -42,7 +42,6 @@ export class MenuActions extends React.Component<MenuActionsProps> {
remove() {
const { removeAction } = this.props;
let { removeConfirmationMessage } = this.props;
if (typeof removeConfirmationMessage === "function") {
removeConfirmationMessage = removeConfirmationMessage();
}
@ -56,8 +55,9 @@ export class MenuActions extends React.Component<MenuActionsProps> {
renderTriggerIcon() {
if (this.props.toolbar) return;
const { triggerIcon = "more_vert" } = this.props;
let className: string;
if (isValidElement<HTMLElement>(triggerIcon)) {
const className = cssNames(triggerIcon.props.className, { active: this.isOpen });
className = cssNames(triggerIcon.props.className, { active: this.isOpen });
return React.cloneElement(triggerIcon, { id: this.id, className } as any);
}
const iconProps: Partial<IconProps> = {
@ -77,11 +77,10 @@ export class MenuActions extends React.Component<MenuActionsProps> {
render() {
const {
toolbar, children, updateAction, removeAction, triggerIcon, removeConfirmationMessage,
className, toolbar, children, updateAction, removeAction, triggerIcon, removeConfirmationMessage,
...menuProps
} = this.props;
let { className } = this.props;
className = cssNames("MenuActions flex", className, {
const menuClassName = cssNames("MenuActions flex", className, {
toolbar: toolbar,
gaps: toolbar, // add spacing for .flex
});
@ -92,7 +91,7 @@ export class MenuActions extends React.Component<MenuActionsProps> {
<Menu
htmlFor={this.id}
isOpen={this.isOpen} open={this.toggle} close={this.toggle}
className={className}
className={menuClassName}
usePortal={autoClose}
closeOnScroll={autoClose}
closeOnClickItem={autoClose}