aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/ContextMenuItem.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/views/ContextMenuItem.tsx')
-rw-r--r--src/client/views/ContextMenuItem.tsx15
1 files changed, 11 insertions, 4 deletions
diff --git a/src/client/views/ContextMenuItem.tsx b/src/client/views/ContextMenuItem.tsx
index 5760872fb..eb1030eec 100644
--- a/src/client/views/ContextMenuItem.tsx
+++ b/src/client/views/ContextMenuItem.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable react/jsx-props-no-spreading */
import { IconProp } from '@fortawesome/fontawesome-svg-core';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { action, makeObservable, observable, runInAction } from 'mobx';
@@ -17,6 +18,7 @@ export interface OriginalMenuProps {
export interface SubmenuProps {
description: string;
+ // eslint-disable-next-line no-use-before-define
subitems: ContextMenuProps[];
noexpand?: boolean;
addDivider?: boolean;
@@ -37,7 +39,9 @@ export class ContextMenuItem extends ObservableReactComponent<ContextMenuProps &
}
componentDidMount() {
- runInAction(() => (this._items.length = 0));
+ runInAction(() => {
+ this._items.length = 0;
+ });
if ((this._props as SubmenuProps)?.subitems) {
(this._props as SubmenuProps).subitems?.forEach(i => runInAction(() => this._items.push(i)));
}
@@ -83,7 +87,9 @@ export class ContextMenuItem extends ObservableReactComponent<ContextMenuProps &
return;
}
this.currentTimeout = setTimeout(
- action(() => (this.overItem = false)),
+ action(() => {
+ this.overItem = false;
+ }),
ContextMenuItem.timeout
);
};
@@ -147,10 +153,10 @@ export class ContextMenuItem extends ObservableReactComponent<ContextMenuProps &
) : null}
<div className="contextMenu-description" onMouseEnter={this.onPointerEnter} style={{ alignItems: 'center', alignSelf: 'center' }}>
{this._props.description}
- <FontAwesomeIcon icon={'angle-right'} size="lg" style={{ position: 'absolute', right: '10px' }} />
+ <FontAwesomeIcon icon="angle-right" size="lg" style={{ position: 'absolute', right: '10px' }} />
</div>
<div
- className={`contextMenu-item-background`}
+ className="contextMenu-item-background"
style={{
background: SnappingManager.userColor,
}}
@@ -159,5 +165,6 @@ export class ContextMenuItem extends ObservableReactComponent<ContextMenuProps &
</div>
);
}
+ return null;
}
}