diff options
author | 2019-04-05 21:02:55 +0200 | |
---|---|---|
committer | 2019-04-05 21:02:55 +0200 | |
commit | 7caccf36dd55a8c7ac9dcd5e154634607adf5ef6 (patch) | |
tree | f79d9866c02083b1eeaa4839cc8a73ce6591f5e9 | |
parent | ensure drawer is open on workspace settings routes (diff) | |
download | ferdium-app-7caccf36dd55a8c7ac9dcd5e154634607adf5ef6.tar.gz ferdium-app-7caccf36dd55a8c7ac9dcd5e154634607adf5ef6.tar.zst ferdium-app-7caccf36dd55a8c7ac9dcd5e154634607adf5ef6.zip |
add small text label for adding new workspace to drawer
-rw-r--r-- | src/features/workspaces/components/WorkspaceDrawer.js | 42 | ||||
-rw-r--r-- | src/i18n/locales/defaultMessages.json | 13 | ||||
-rw-r--r-- | src/i18n/locales/en-US.json | 1 | ||||
-rw-r--r-- | src/i18n/messages/src/features/workspaces/components/WorkspaceDrawer.json | 13 |
4 files changed, 67 insertions, 2 deletions
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({ | |||
37 | id: 'workspaceDrawer.reactivatePremiumAccountLabel', | 37 | id: 'workspaceDrawer.reactivatePremiumAccountLabel', |
38 | defaultMessage: '!!!Reactivate premium account', | 38 | defaultMessage: '!!!Reactivate premium account', |
39 | }, | 39 | }, |
40 | addNewWorkspaceLabel: { | ||
41 | id: 'workspaceDrawer.addNewWorkspaceLabel', | ||
42 | defaultMessage: '!!!add new workspace', | ||
43 | }, | ||
40 | }); | 44 | }); |
41 | 45 | ||
42 | const styles = theme => ({ | 46 | const styles = theme => ({ |
@@ -48,11 +52,11 @@ const styles = theme => ({ | |||
48 | fontSize: '24px', | 52 | fontSize: '24px', |
49 | marginTop: '38px', | 53 | marginTop: '38px', |
50 | marginBottom: '25px', | 54 | marginBottom: '25px', |
51 | marginLeft: `${theme.workspaceDrawerPadding}px`, | 55 | marginLeft: theme.workspaceDrawerPadding, |
52 | }, | 56 | }, |
53 | addWorkspaceButton: { | 57 | addWorkspaceButton: { |
54 | float: 'right', | 58 | float: 'right', |
55 | marginRight: `${theme.workspaceDrawerPadding}px`, | 59 | marginRight: theme.workspaceDrawerPadding, |
56 | marginTop: '2px', | 60 | marginTop: '2px', |
57 | }, | 61 | }, |
58 | addWorkspaceButtonIcon: { | 62 | addWorkspaceButtonIcon: { |
@@ -74,6 +78,24 @@ const styles = theme => ({ | |||
74 | width: '100%', | 78 | width: '100%', |
75 | color: 'white !important', | 79 | color: 'white !important', |
76 | }, | 80 | }, |
81 | addNewWorkspaceLabel: { | ||
82 | height: 'auto', | ||
83 | color: theme.workspaceDrawerServicesColor, | ||
84 | marginTop: 20, | ||
85 | marginLeft: theme.workspaceDrawerPadding, | ||
86 | '& > span': { | ||
87 | fontSize: '13px', | ||
88 | marginLeft: 10, | ||
89 | position: 'relative', | ||
90 | top: -3, | ||
91 | }, | ||
92 | '&:hover': { | ||
93 | color: theme.workspaceDrawerAddButtonHoverColor, | ||
94 | '& > svg': { | ||
95 | fill: theme.workspaceDrawerAddButtonHoverColor, | ||
96 | }, | ||
97 | }, | ||
98 | }, | ||
77 | }); | 99 | }); |
78 | 100 | ||
79 | @injectSheet(styles) @observer | 101 | @injectSheet(styles) @observer |
@@ -180,6 +202,22 @@ class WorkspaceDrawer extends Component { | |||
180 | ))} | 202 | ))} |
181 | </div> | 203 | </div> |
182 | )} | 204 | )} |
205 | <div | ||
206 | className={classes.addNewWorkspaceLabel} | ||
207 | onClick={() => { | ||
208 | workspaceActions.openWorkspaceSettings(); | ||
209 | gaEvent(GA_CATEGORY_WORKSPACES, 'add', 'drawerAddLabel'); | ||
210 | }} | ||
211 | > | ||
212 | <Icon | ||
213 | icon="mdiPlusBox" | ||
214 | size={1} | ||
215 | className={classes.addWorkspaceButtonIcon} | ||
216 | /> | ||
217 | <span> | ||
218 | {intl.formatMessage(messages.addNewWorkspaceLabel)} | ||
219 | </span> | ||
220 | </div> | ||
183 | <ReactTooltip place="right" type="dark" effect="solid" /> | 221 | <ReactTooltip place="right" type="dark" effect="solid" /> |
184 | </div> | 222 | </div> |
185 | ); | 223 | ); |
diff --git a/src/i18n/locales/defaultMessages.json b/src/i18n/locales/defaultMessages.json index e5c1ea259..05df4cbac 100644 --- a/src/i18n/locales/defaultMessages.json +++ b/src/i18n/locales/defaultMessages.json | |||
@@ -3399,6 +3399,19 @@ | |||
3399 | "column": 28, | 3399 | "column": 28, |
3400 | "line": 36 | 3400 | "line": 36 |
3401 | } | 3401 | } |
3402 | }, | ||
3403 | { | ||
3404 | "defaultMessage": "!!!add new workspace", | ||
3405 | "end": { | ||
3406 | "column": 3, | ||
3407 | "line": 43 | ||
3408 | }, | ||
3409 | "file": "src/features/workspaces/components/WorkspaceDrawer.js", | ||
3410 | "id": "workspaceDrawer.addNewWorkspaceLabel", | ||
3411 | "start": { | ||
3412 | "column": 24, | ||
3413 | "line": 40 | ||
3414 | } | ||
3402 | } | 3415 | } |
3403 | ], | 3416 | ], |
3404 | "path": "src/features/workspaces/components/WorkspaceDrawer.json" | 3417 | "path": "src/features/workspaces/components/WorkspaceDrawer.json" |
diff --git a/src/i18n/locales/en-US.json b/src/i18n/locales/en-US.json index c694b8729..78dcd83d7 100644 --- a/src/i18n/locales/en-US.json +++ b/src/i18n/locales/en-US.json | |||
@@ -306,6 +306,7 @@ | |||
306 | "validation.url": "{field} is not a valid URL", | 306 | "validation.url": "{field} is not a valid URL", |
307 | "welcome.loginButton": "Login to your account", | 307 | "welcome.loginButton": "Login to your account", |
308 | "welcome.signupButton": "Create a free account", | 308 | "welcome.signupButton": "Create a free account", |
309 | "workspaceDrawer.addNewWorkspaceLabel": "add new workspace", | ||
309 | "workspaceDrawer.addWorkspaceTooltip": "Add workspace", | 310 | "workspaceDrawer.addWorkspaceTooltip": "Add workspace", |
310 | "workspaceDrawer.allServices": "All services", | 311 | "workspaceDrawer.allServices": "All services", |
311 | "workspaceDrawer.headline": "Workspaces", | 312 | "workspaceDrawer.headline": "Workspaces", |
diff --git a/src/i18n/messages/src/features/workspaces/components/WorkspaceDrawer.json b/src/i18n/messages/src/features/workspaces/components/WorkspaceDrawer.json index 37bae262a..9b0b80321 100644 --- a/src/i18n/messages/src/features/workspaces/components/WorkspaceDrawer.json +++ b/src/i18n/messages/src/features/workspaces/components/WorkspaceDrawer.json | |||
@@ -76,5 +76,18 @@ | |||
76 | "line": 39, | 76 | "line": 39, |
77 | "column": 3 | 77 | "column": 3 |
78 | } | 78 | } |
79 | }, | ||
80 | { | ||
81 | "id": "workspaceDrawer.addNewWorkspaceLabel", | ||
82 | "defaultMessage": "!!!add new workspace", | ||
83 | "file": "src/features/workspaces/components/WorkspaceDrawer.js", | ||
84 | "start": { | ||
85 | "line": 40, | ||
86 | "column": 24 | ||
87 | }, | ||
88 | "end": { | ||
89 | "line": 43, | ||
90 | "column": 3 | ||
91 | } | ||
79 | } | 92 | } |
80 | ] \ No newline at end of file | 93 | ] \ No newline at end of file |