add tooltip to add workspace button in drawer

4 files changed, 48 insertions, 8 deletions

diff --git a/src/features/workspaces/components/WorkspaceDrawer.js b/src/features/workspaces/components/WorkspaceDrawer.js
index 28e74b287..5a8d5d854 100644
--- a/src/features/workspaces/components/WorkspaceDrawer.js
+++ b/src/features/workspaces/components/WorkspaceDrawer.js
@@ -4,9 +4,12 @@ import { observer } from 'mobx-react';
 import injectSheet from 'react-jss';
 import { defineMessages, intlShape } from 'react-intl';
 import { H1, Icon } from '@meetfranz/ui';
+import ReactTooltip from 'react-tooltip';
+
 import { workspacesState } from '../state';
 import WorkspaceDrawerItem from './WorkspaceDrawerItem';
 import { workspaceActions } from '../actions';
+import { ctrlKey } from '../../../environment';
 
 const messages = defineMessages({
   headline: {
@@ -17,6 +20,10 @@ const messages = defineMessages({
     id: 'workspaceDrawer.allServices',
     defaultMessage: '!!!All services',
   },
+  addWorkspaceTooltip: {
+    id: 'workspaceDrawer.addWorkspaceTooltip',
+    defaultMessage: '!!!Add workspace',
+  },
 });
 
 const styles = theme => ({
@@ -54,6 +61,10 @@ class WorkspaceDrawer extends Component {
     intl: intlShape,
   };
 
+  componentDidMount() {
+    ReactTooltip.rebuild();
+  }
+
   render() {
     const {
       classes,
@@ -69,6 +80,7 @@ class WorkspaceDrawer extends Component {
           <span
             className={classes.addWorkspaceButton}
             onClick={workspaceActions.openWorkspaceSettings}
+            data-tip={`${intl.formatMessage(messages.addWorkspaceTooltip)}`}
           >
             <Icon
               icon="mdiPlusBox"
@@ -94,6 +106,7 @@ class WorkspaceDrawer extends Component {
             />
           ))}
         </div>
+        <ReactTooltip place="right" type="dark" effect="solid" />
       </div>
     );
   }
diff --git a/src/i18n/locales/defaultMessages.json b/src/i18n/locales/defaultMessages.json
index c1634df8e..d4d2a55cc 100644
--- a/src/i18n/locales/defaultMessages.json
+++ b/src/i18n/locales/defaultMessages.json
@@ -3326,26 +3326,39 @@
         "defaultMessage": "!!!Workspaces",
         "end": {
           "column": 3,
-          "line": 15
+          "line": 18
         },
         "file": "src/features/workspaces/components/WorkspaceDrawer.js",
         "id": "workspaceDrawer.headline",
         "start": {
           "column": 12,
-          "line": 12
+          "line": 15
         }
       },
       {
         "defaultMessage": "!!!All services",
         "end": {
           "column": 3,
-          "line": 19
+          "line": 22
         },
         "file": "src/features/workspaces/components/WorkspaceDrawer.js",
         "id": "workspaceDrawer.allServices",
         "start": {
           "column": 15,
-          "line": 16
+          "line": 19
+        }
+      },
+      {
+        "defaultMessage": "!!!Add workspace",
+        "end": {
+          "column": 3,
+          "line": 26
+        },
+        "file": "src/features/workspaces/components/WorkspaceDrawer.js",
+        "id": "workspaceDrawer.addWorkspaceTooltip",
+        "start": {
+          "column": 23,
+          "line": 23
         }
       }
     ],
diff --git a/src/i18n/locales/en-US.json b/src/i18n/locales/en-US.json
index f37237ac2..f7b5fe2b8 100644
--- a/src/i18n/locales/en-US.json
+++ b/src/i18n/locales/en-US.json
@@ -300,6 +300,7 @@
   "validation.url": "{field} is not a valid URL",
   "welcome.loginButton": "Login to your account",
   "welcome.signupButton": "Create a free account",
+  "workspaceDrawer.addWorkspaceTooltip": "Add workspace",
   "workspaceDrawer.allServices": "All services",
   "workspaceDrawer.headline": "Workspaces",
   "workspaceDrawer.item.noServicesAddedYet": "No services added yet",
diff --git a/src/i18n/messages/src/features/workspaces/components/WorkspaceDrawer.json b/src/i18n/messages/src/features/workspaces/components/WorkspaceDrawer.json
index c875b82cb..7026708e2 100644
--- a/src/i18n/messages/src/features/workspaces/components/WorkspaceDrawer.json
+++ b/src/i18n/messages/src/features/workspaces/components/WorkspaceDrawer.json
@@ -4,11 +4,11 @@
     "defaultMessage": "!!!Workspaces",
     "file": "src/features/workspaces/components/WorkspaceDrawer.js",
     "start": {
-      "line": 12,
+      "line": 15,
       "column": 12
     },
     "end": {
-      "line": 15,
+      "line": 18,
       "column": 3
     }
   },
@@ -17,11 +17,24 @@
     "defaultMessage": "!!!All services",
     "file": "src/features/workspaces/components/WorkspaceDrawer.js",
     "start": {
-      "line": 16,
+      "line": 19,
       "column": 15
     },
     "end": {
-      "line": 19,
+      "line": 22,
+      "column": 3
+    }
+  },
+  {
+    "id": "workspaceDrawer.addWorkspaceTooltip",
+    "defaultMessage": "!!!Add workspace",
+    "file": "src/features/workspaces/components/WorkspaceDrawer.js",
+    "start": {
+      "line": 23,
+      "column": 23
+    },
+    "end": {
+      "line": 26,
       "column": 3
     }
   }