From ddc1ff2f235d680eaa89def050b1a40116bc70e1 Mon Sep 17 00:00:00 2001
From: Luke Barnard <luke@matrix.org>
Date: Tue, 7 Nov 2017 15:13:26 +0000
Subject: [PATCH] Name things in a sane way

---
 src/components/structures/GroupView.js         |  4 ++--
 .../elements/{ToolTip.js => ToolTipButton.js}  | 18 +++++++++---------
 2 files changed, 11 insertions(+), 11 deletions(-)
 rename src/components/views/elements/{ToolTip.js => ToolTipButton.js} (76%)

diff --git a/src/components/structures/GroupView.js b/src/components/structures/GroupView.js
index 4e62aece6c..ce807ab026 100644
--- a/src/components/structures/GroupView.js
+++ b/src/components/structures/GroupView.js
@@ -661,9 +661,9 @@ export default React.createClass({
         const AccessibleButton = sdk.getComponent('elements.AccessibleButton');
         const TintableSvg = sdk.getComponent('elements.TintableSvg');
         const Spinner = sdk.getComponent('elements.Spinner');
-        const ToolTip = sdk.getComponent('elements.ToolTip');
+        const ToolTipButton = sdk.getComponent('elements.ToolTipButton');
 
-        const roomsHelpNode = this.state.editing ? <ToolTip helpText={
+        const roomsHelpNode = this.state.editing ? <ToolTipButton helpText={
             _t(
                 'These rooms are displayed to community members on the community page. '+
                 'Community members can join the rooms by clicking on them.',
diff --git a/src/components/views/elements/ToolTip.js b/src/components/views/elements/ToolTipButton.js
similarity index 76%
rename from src/components/views/elements/ToolTip.js
rename to src/components/views/elements/ToolTipButton.js
index 20cde8852e..c711f1acb7 100644
--- a/src/components/views/elements/ToolTip.js
+++ b/src/components/views/elements/ToolTipButton.js
@@ -18,38 +18,38 @@ import React from 'react';
 import sdk from '../../../index';
 
 module.exports = React.createClass({
-    displayName: 'ToolTip',
+    displayName: 'ToolTipButton',
 
     getInitialState: function() {
         return {
             hover: false,
-        }
+        };
     },
 
     onMouseOver: function() {
         this.setState({
             hover: true,
-        })
+        });
     },
 
     onMouseOut: function() {
         this.setState({
             hover: false,
-        })
+        });
     },
 
     render: function() {
-        var RoomTooltip = sdk.getComponent("rooms.RoomTooltip");
+        const RoomTooltip = sdk.getComponent("rooms.RoomTooltip");
         const tip = this.state.hover ? <RoomTooltip
-            className="mx_ToolTip_container"
-            tooltipClassName="mx_ToolTip_helpText"
+            className="mx_ToolTipButton_container"
+            tooltipClassName="mx_ToolTipButton_helpText"
             label={this.props.helpText}
         /> : <div />;
         return (
-            <div className="mx_ToolTip"onMouseOver={this.onMouseOver} onMouseOut={this.onMouseOut} >
+            <div className="mx_ToolTipButton"onMouseOver={this.onMouseOver} onMouseOut={this.onMouseOut} >
                 ?
                 { tip }
             </div>
         );
-    }
+    },
 });