From 7caccf36dd55a8c7ac9dcd5e154634607adf5ef6 Mon Sep 17 00:00:00 2001
From: Dominik Guzei <dominik.guzei@gmail.com>
Date: Fri, 5 Apr 2019 21:02:55 +0200
Subject: add small text label for adding new workspace to drawer

---
 .../workspaces/components/WorkspaceDrawer.js       | 42 ++++++++++++++++++++--
 1 file changed, 40 insertions(+), 2 deletions(-)

(limited to 'src/features/workspaces')

diff --git a/src/features/workspaces/components/WorkspaceDrawer.js b/src/features/workspaces/components/WorkspaceDrawer.js
index f35faf691..0befcc869 100644
--- a/src/features/workspaces/components/WorkspaceDrawer.js
+++ b/src/features/workspaces/components/WorkspaceDrawer.js
@@ -37,6 +37,10 @@ const messages = defineMessages({
     id: 'workspaceDrawer.reactivatePremiumAccountLabel',
     defaultMessage: '!!!Reactivate premium account',
   },
+  addNewWorkspaceLabel: {
+    id: 'workspaceDrawer.addNewWorkspaceLabel',
+    defaultMessage: '!!!add new workspace',
+  },
 });
 
 const styles = theme => ({
@@ -48,11 +52,11 @@ const styles = theme => ({
     fontSize: '24px',
     marginTop: '38px',
     marginBottom: '25px',
-    marginLeft: `${theme.workspaceDrawerPadding}px`,
+    marginLeft: theme.workspaceDrawerPadding,
   },
   addWorkspaceButton: {
     float: 'right',
-    marginRight: `${theme.workspaceDrawerPadding}px`,
+    marginRight: theme.workspaceDrawerPadding,
     marginTop: '2px',
   },
   addWorkspaceButtonIcon: {
@@ -74,6 +78,24 @@ const styles = theme => ({
     width: '100%',
     color: 'white !important',
   },
+  addNewWorkspaceLabel: {
+    height: 'auto',
+    color: theme.workspaceDrawerServicesColor,
+    marginTop: 20,
+    marginLeft: theme.workspaceDrawerPadding,
+    '& > span': {
+      fontSize: '13px',
+      marginLeft: 10,
+      position: 'relative',
+      top: -3,
+    },
+    '&:hover': {
+      color: theme.workspaceDrawerAddButtonHoverColor,
+      '& > svg': {
+        fill: theme.workspaceDrawerAddButtonHoverColor,
+      },
+    },
+  },
 });
 
 @injectSheet(styles) @observer
@@ -180,6 +202,22 @@ class WorkspaceDrawer extends Component {
             ))}
           </div>
         )}
+        <div
+          className={classes.addNewWorkspaceLabel}
+          onClick={() => {
+            workspaceActions.openWorkspaceSettings();
+            gaEvent(GA_CATEGORY_WORKSPACES, 'add', 'drawerAddLabel');
+          }}
+        >
+          <Icon
+            icon="mdiPlusBox"
+            size={1}
+            className={classes.addWorkspaceButtonIcon}
+          />
+          <span>
+            {intl.formatMessage(messages.addNewWorkspaceLabel)}
+          </span>
+        </div>
         <ReactTooltip place="right" type="dark" effect="solid" />
       </div>
     );
-- 
cgit v1.2.3-70-g09d2