Simplify helper methods

1 files changed, 13 insertions, 23 deletions

diff --git a/packages/website/ts/pages/documentation/home.tsx b/packages/website/ts/pages/documentation/home.tsx
index 311470d2c..57de52de2 100644
--- a/packages/website/ts/pages/documentation/home.tsx
+++ b/packages/website/ts/pages/documentation/home.tsx
@@ -355,8 +355,8 @@ export class Home extends React.Component<HomeProps, HomeState> {
                                 paddingTop: 35,
                                 overflow: this.state.isHoveringSidebar ? 'auto' : 'hidden',
                             }}
-                            onMouseEnter={this._onSidebarHover.bind(this)}
-                            onMouseLeave={this._onSidebarHoverOff.bind(this)}
+                            onMouseEnter={this._onSidebarHover.bind(this, true)}
+                            onMouseLeave={this._onSidebarHover.bind(this, false)}
                         >
                             <NestedSidebarMenu
                                 topLevelMenu={topLevelMenu}
@@ -390,9 +390,9 @@ export class Home extends React.Component<HomeProps, HomeState> {
                                     : mainContentPadding,
                                 overflow: this.state.isHoveringMainContent ? 'auto' : 'hidden',
                             }}
-                            onMouseEnter={this._onMainContentHover.bind(this)}
-                            onMouseOver={this._onMainContentHover.bind(this)}
-                            onMouseLeave={this._onMainContentHoverOff.bind(this)}
+                            onMouseEnter={this._onMainContentHover.bind(this, true)}
+                            onMouseOver={this._onMainContentHover.bind(this, true)}
+                            onMouseLeave={this._onMainContentHover.bind(this, false)}
                         >
                             <div>
                                 {this._renderSectionTitle(this.props.translate.get(Key.StartBuildOn0x, Deco.Cap))}
@@ -512,30 +512,20 @@ export class Home extends React.Component<HomeProps, HomeState> {
             </Text>
         );
     }
-    private _updateScreenWidth(): void {
-        const newScreenWidth = utils.getScreenWidth();
-        this.props.dispatcher.updateScreenWidth(newScreenWidth);
-    }
-    private _onSidebarHover(_event: React.FormEvent<HTMLInputElement>): void {
-        this.setState({
-            isHoveringSidebar: true,
-        });
-    }
-    private _onSidebarHoverOff(): void {
+    private _onSidebarHover(_event: React.FormEvent<HTMLInputElement>, isHovering: boolean): void {
         this.setState({
-            isHoveringSidebar: false,
+            isHoveringSidebar: isHovering,
         });
     }
-    private _onMainContentHover(_event: React.FormEvent<HTMLInputElement>): void {
-        if (!this.state.isHoveringMainContent) {
+    private _onMainContentHover(_event: React.FormEvent<HTMLInputElement>, isHovering: boolean): void {
+        if (isHovering !== this.state.isHoveringMainContent) {
             this.setState({
-                isHoveringMainContent: true,
+                isHoveringMainContent: isHovering,
             });
         }
     }
-    private _onMainContentHoverOff(): void {
-        this.setState({
-            isHoveringMainContent: false,
-        });
+    private _updateScreenWidth(): void {
+        const newScreenWidth = utils.getScreenWidth();
+        this.props.dispatcher.updateScreenWidth(newScreenWidth);
     }
 } // tslint:disable:max-file-line-count