diff options
author | Dominik Guzei <dominik.guzei@gmail.com> | 2019-04-03 15:14:45 +0200 |
---|---|---|
committer | Dominik Guzei <dominik.guzei@gmail.com> | 2019-04-03 15:14:45 +0200 |
commit | b75206e9a0a2c0c7ffb6052ec0f18c6b9ef5a825 (patch) | |
tree | 25dffecdc5de5d60a77fd4ec5a0cd506517710f1 /src/features/workspaces/components/WorkspacesDashboard.js | |
parent | add workspace premium notice to dashboard (diff) | |
download | ferdium-app-b75206e9a0a2c0c7ffb6052ec0f18c6b9ef5a825.tar.gz ferdium-app-b75206e9a0a2c0c7ffb6052ec0f18c6b9ef5a825.tar.zst ferdium-app-b75206e9a0a2c0c7ffb6052ec0f18c6b9ef5a825.zip |
add workspace feature info in drawer for free users
Diffstat (limited to 'src/features/workspaces/components/WorkspacesDashboard.js')
-rw-r--r-- | src/features/workspaces/components/WorkspacesDashboard.js | 15 |
1 files changed, 8 insertions, 7 deletions
diff --git a/src/features/workspaces/components/WorkspacesDashboard.js b/src/features/workspaces/components/WorkspacesDashboard.js index 1fad1f71d..b141dc960 100644 --- a/src/features/workspaces/components/WorkspacesDashboard.js +++ b/src/features/workspaces/components/WorkspacesDashboard.js | |||
@@ -51,7 +51,6 @@ const messages = defineMessages({ | |||
51 | const styles = () => ({ | 51 | const styles = () => ({ |
52 | createForm: { | 52 | createForm: { |
53 | height: 'auto', | 53 | height: 'auto', |
54 | marginBottom: '20px', | ||
55 | }, | 54 | }, |
56 | appear: { | 55 | appear: { |
57 | height: 'auto', | 56 | height: 'auto', |
@@ -60,6 +59,7 @@ const styles = () => ({ | |||
60 | padding: '20px', | 59 | padding: '20px', |
61 | backgroundColor: '#3498db', | 60 | backgroundColor: '#3498db', |
62 | marginLeft: '-20px', | 61 | marginLeft: '-20px', |
62 | marginBottom: '20px', | ||
63 | height: 'auto', | 63 | height: 'auto', |
64 | }, | 64 | }, |
65 | }); | 65 | }); |
@@ -128,6 +128,13 @@ class WorkspacesDashboard extends Component { | |||
128 | </Appear> | 128 | </Appear> |
129 | )} | 129 | )} |
130 | 130 | ||
131 | {workspaceStore.isPremiumUpgradeRequired && ( | ||
132 | <div className={classes.premiumAnnouncement}> | ||
133 | <h2>{intl.formatMessage(messages.workspaceFeatureHeadline)}</h2> | ||
134 | <p>{intl.formatMessage(messages.workspaceFeatureInfo)}</p> | ||
135 | </div> | ||
136 | )} | ||
137 | |||
131 | <PremiumFeatureContainer | 138 | <PremiumFeatureContainer |
132 | condition={workspaceStore.isPremiumFeature} | 139 | condition={workspaceStore.isPremiumFeature} |
133 | gaEventInfo={{ category: 'User', event: 'upgrade', label: 'workspaces' }} | 140 | gaEventInfo={{ category: 'User', event: 'upgrade', label: 'workspaces' }} |
@@ -140,12 +147,6 @@ class WorkspacesDashboard extends Component { | |||
140 | /> | 147 | /> |
141 | </div> | 148 | </div> |
142 | </PremiumFeatureContainer> | 149 | </PremiumFeatureContainer> |
143 | {workspaceStore.isUpgradeToPremiumRequired && ( | ||
144 | <div className={classes.premiumAnnouncement}> | ||
145 | <h2>{intl.formatMessage(messages.workspaceFeatureHeadline)}</h2> | ||
146 | <p>{intl.formatMessage(messages.workspaceFeatureInfo)}</p> | ||
147 | </div> | ||
148 | )} | ||
149 | {getUserWorkspacesRequest.isExecuting ? ( | 150 | {getUserWorkspacesRequest.isExecuting ? ( |
150 | <Loader /> | 151 | <Loader /> |
151 | ) : ( | 152 | ) : ( |