From 79ac8b2d9f2cb8b7b713fefb8bf6e598b7f61ae4 Mon Sep 17 00:00:00 2001 From: Kerry Archibald Date: Tue, 7 Dec 2021 18:12:11 +0100 Subject: [PATCH] rename tooltip handlers Signed-off-by: Kerry Archibald --- .../views/elements/AccessibleTooltipButton.tsx | 12 ++++++------ src/components/views/elements/ActionButton.tsx | 12 ++++++------ 2 files changed, 12 insertions(+), 12 deletions(-) diff --git a/src/components/views/elements/AccessibleTooltipButton.tsx b/src/components/views/elements/AccessibleTooltipButton.tsx index 252ab9e726b5..7f40662efe4d 100644 --- a/src/components/views/elements/AccessibleTooltipButton.tsx +++ b/src/components/views/elements/AccessibleTooltipButton.tsx @@ -52,14 +52,14 @@ export default class AccessibleTooltipButton extends React.PureComponent { + showTooltip = () => { if (this.props.forceHide) return; this.setState({ hover: true, }); }; - onMouseLeave = () => { + hideTooltip = () => { this.setState({ hover: false, }); @@ -78,10 +78,10 @@ export default class AccessibleTooltipButton extends React.PureComponent { children } diff --git a/src/components/views/elements/ActionButton.tsx b/src/components/views/elements/ActionButton.tsx index 2a2929a3452d..178aca8ca925 100644 --- a/src/components/views/elements/ActionButton.tsx +++ b/src/components/views/elements/ActionButton.tsx @@ -58,17 +58,17 @@ export default class ActionButton extends React.Component { }; private onMouseEnter = (): void => { - this.onShowTooltip(); + this.showTooltip(); if (this.props.mouseOverAction) { dis.dispatch({ action: this.props.mouseOverAction }); } }; - private onShowTooltip = (): void => { + private showTooltip = (): void => { if (this.props.tooltip) this.setState({ showTooltip: true }); }; - private onHideTooltip = (): void => { + private hideTooltip = (): void => { this.setState({ showTooltip: false }); }; @@ -92,9 +92,9 @@ export default class ActionButton extends React.Component { className={classNames.join(" ")} onClick={this.onClick} onMouseEnter={this.onMouseEnter} - onMouseLeave={this.onHideTooltip} - onFocus={this.onShowTooltip} - onBlur={this.onHideTooltip} + onMouseLeave={this.hideTooltip} + onFocus={this.showTooltip} + onBlur={this.hideTooltip} aria-label={this.props.label} > { icon }