From 679ca32e2e85eb313bf593d31df7917b91c919b7 Mon Sep 17 00:00:00 2001
From: dsanma <diego.sanmartino@gmail.com>
Date: Fri, 10 Mar 2017 11:51:57 +0100
Subject: [PATCH] modified renderButtons() in drawer/Menu.jsx (issue 1526)
 (#1527)

* modified renderButtons() in drawer/Menu.jsx

* add import tooltip

* changes requested

* re - changes requested

* re - changes requested

* used Message
---
 web/client/plugins/drawer/Menu.jsx | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/web/client/plugins/drawer/Menu.jsx b/web/client/plugins/drawer/Menu.jsx
index 41c94cec0f..d02347d644 100644
--- a/web/client/plugins/drawer/Menu.jsx
+++ b/web/client/plugins/drawer/Menu.jsx
@@ -6,8 +6,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 var React = require('react');
-var {Glyphicon, Button} = require('react-bootstrap');
+var {Glyphicon, Button, OverlayTrigger, Tooltip} = require('react-bootstrap');
 var Sidebar = require('react-sidebar').default;
+var Message = require('../../components/I18N/Message');
 
 var Menu = React.createClass({
     propTypes: {
@@ -58,11 +59,18 @@ var Menu = React.createClass({
         );
     },
     renderButtons() {
-        return this.props.children.map((child) => (
-            <Button key={child.props.eventKey} bsSize="large" className={(child.props.buttonConfig && child.props.buttonConfig.buttonClassName) ? child.props.buttonConfig.buttonClassName : "square-button"} onClick={this.props.onChoose.bind(null, child.props.eventKey)} bsStyle={this.props.activeKey === child.props.eventKey ? 'default' : 'primary'}>
-                {child.props.glyph ? <Glyphicon glyph={child.props.glyph} /> : child.props.icon}
-            </Button>
-        ));
+        return this.props.children.map((child) => {
+            const button = (<Button key={child.props.eventKey} bsSize="large" className={(child.props.buttonConfig && child.props.buttonConfig.buttonClassName) ? child.props.buttonConfig.buttonClassName : "square-button"} onClick={this.props.onChoose.bind(null, child.props.eventKey)} bsStyle={this.props.activeKey === child.props.eventKey ? 'default' : 'primary'}>
+                        {child.props.glyph ? <Glyphicon glyph={child.props.glyph} /> : child.props.icon}
+                    </Button>);
+            const tooltip = <Tooltip key={"tooltip." + child.props.eventKey} id={"tooltip." + child.props.eventKey}><Message msgId={child.props.buttonConfig.tooltip}/></Tooltip>;
+            return child.props.buttonConfig.tooltip ? (
+                <OverlayTrigger placement={"bottom"} key={"overlay-trigger." + child.props.eventKey}
+                    overlay={tooltip}>
+                    {button}
+                </OverlayTrigger>
+            ) : button;
+        });
     },
     renderContent() {
         const header = this.props.single ? (