aboutsummaryrefslogtreecommitdiffstats
path: root/src/features/workspaces/components/WorkspaceDrawer.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/features/workspaces/components/WorkspaceDrawer.js')
-rw-r--r--src/features/workspaces/components/WorkspaceDrawer.js41
1 files changed, 30 insertions, 11 deletions
diff --git a/src/features/workspaces/components/WorkspaceDrawer.js b/src/features/workspaces/components/WorkspaceDrawer.js
index 3602da792..baf59a1fb 100644
--- a/src/features/workspaces/components/WorkspaceDrawer.js
+++ b/src/features/workspaces/components/WorkspaceDrawer.js
@@ -33,6 +33,10 @@ const messages = defineMessages({
33 id: 'workspaceDrawer.premiumCtaButtonLabel', 33 id: 'workspaceDrawer.premiumCtaButtonLabel',
34 defaultMessage: '!!!Create your first workspace', 34 defaultMessage: '!!!Create your first workspace',
35 }, 35 },
36 reactivatePremiumAccount: {
37 id: 'workspaceDrawer.reactivatePremiumAccountLabel',
38 defaultMessage: '!!!Reactivate premium account',
39 },
36}); 40});
37 41
38const styles = theme => ({ 42const styles = theme => ({
@@ -77,6 +81,7 @@ class WorkspaceDrawer extends Component {
77 static propTypes = { 81 static propTypes = {
78 classes: PropTypes.object.isRequired, 82 classes: PropTypes.object.isRequired,
79 getServicesForWorkspace: PropTypes.func.isRequired, 83 getServicesForWorkspace: PropTypes.func.isRequired,
84 onUpgradeAccountClick: PropTypes.func.isRequired,
80 }; 85 };
81 86
82 static contextTypes = { 87 static contextTypes = {
@@ -91,6 +96,7 @@ class WorkspaceDrawer extends Component {
91 const { 96 const {
92 classes, 97 classes,
93 getServicesForWorkspace, 98 getServicesForWorkspace,
99 onUpgradeAccountClick,
94 } = this.props; 100 } = this.props;
95 const { intl } = this.context; 101 const { intl } = this.context;
96 const { 102 const {
@@ -119,19 +125,32 @@ class WorkspaceDrawer extends Component {
119 /> 125 />
120 </span> 126 </span>
121 </H1> 127 </H1>
122 {!workspaceStore.userHasWorkspaces ? ( 128 {workspaceStore.isPremiumUpgradeRequired ? (
123 <div className={classes.premiumAnnouncement}> 129 <div className={classes.premiumAnnouncement}>
124 <FormattedHTMLMessage {...messages.workspaceFeatureInfo} /> 130 <FormattedHTMLMessage {...messages.workspaceFeatureInfo} />
125 <Button 131 {workspaceStore.userHasWorkspaces ? (
126 className={classes.premiumCtaButton} 132 <Button
127 buttonType="primary" 133 className={classes.premiumCtaButton}
128 label={intl.formatMessage(messages.premiumCtaButtonLabel)} 134 buttonType="primary"
129 icon="mdiPlusBox" 135 label={intl.formatMessage(messages.reactivatePremiumAccount)}
130 onClick={() => { 136 icon="mdiStar"
131 workspaceActions.openWorkspaceSettings(); 137 onClick={() => {
132 gaEvent(GA_CATEGORY_WORKSPACES, 'add', 'drawerPremiumCta'); 138 onUpgradeAccountClick();
133 }} 139 gaEvent('User', 'upgrade', 'workspaceDrawer');
134 /> 140 }}
141 />
142 ) : (
143 <Button
144 className={classes.premiumCtaButton}
145 buttonType="primary"
146 label={intl.formatMessage(messages.premiumCtaButtonLabel)}
147 icon="mdiPlusBox"
148 onClick={() => {
149 workspaceActions.openWorkspaceSettings();
150 gaEvent(GA_CATEGORY_WORKSPACES, 'add', 'drawerPremiumCta');
151 }}
152 />
153 )}
135 </div> 154 </div>
136 ) : ( 155 ) : (
137 <div className={classes.workspaces}> 156 <div className={classes.workspaces}>