Add Tooltips to non-IconButton no-text icons

src/components/WindowSideBarButtons.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import Badge from '@material-ui/core/Badge';
 import Tabs from '@material-ui/core/Tabs';
 import Tab from '@material-ui/core/Tab';
+import Tooltip from '@material-ui/core/Tooltip';
 import InfoIcon from '@material-ui/icons/InfoSharp';
 import AnnotationIcon from '@material-ui/icons/CommentSharp';
 import CanvasIndexIcon from './icons/CanvasIndexIcon';
@@ -50,7 +51,9 @@ export class WindowSideBarButtons extends Component {
             t('openInfoCompanionWindow')
           }
           icon={(
+            <Tooltip title={t('openInfoCompanionWindow')}>
               <InfoIcon />
+            </Tooltip>
           )}
           value="info"
         />
@@ -60,7 +63,9 @@ export class WindowSideBarButtons extends Component {
             t('openCanvasNavigationCompanionWindow')
           }
           icon={(
+            <Tooltip title={t('openCanvasNavigationCompanionWindow')}>
               <CanvasIndexIcon />
+            </Tooltip>
           )}
           value="canvas_navigation"
         />
@@ -70,9 +75,11 @@ export class WindowSideBarButtons extends Component {
             t('openAnnotationCompanionWindow')
           }
           icon={(
+            <Tooltip title={t('openAnnotationCompanionWindow')}>
               <Badge color="error" invisible={!hasAnnotations} variant="dot">
                 <AnnotationIcon />
               </Badge>
+            </Tooltip>
           )}
           value="annotations"
         />

src/components/WorkspaceAddButton.js

 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import Fab from '@material-ui/core/Fab';
+import Tooltip from '@material-ui/core/Tooltip';
 import AddIcon from '@material-ui/icons/AddSharp';
 import CloseIcon from '@material-ui/icons/CloseSharp';
 
@@ -16,6 +17,7 @@ export class WorkspaceAddButton extends Component {
       classes, t, setWorkspaceAddVisibility, isWorkspaceAddVisible,
     } = this.props;
     return (
+      <Tooltip title={isWorkspaceAddVisible ? t('closeWindow') : t('add')}>
         <Fab
           color="secondary"
           id="addBtn"
@@ -29,6 +31,7 @@ export class WorkspaceAddButton extends Component {
               : <AddIcon />
           }
         </Fab>
+      </Tooltip>
     );
   }
 }