1 files changed, 39 insertions, 102 deletions

diff --git a/src/features/workspaces/components/WorkspaceDrawer.js b/src/features/workspaces/components/WorkspaceDrawer.js
index bf7016e2f..3ddc9cf16 100644
--- a/src/features/workspaces/components/WorkspaceDrawer.js
+++ b/src/features/workspaces/components/WorkspaceDrawer.js
@@ -2,12 +2,11 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { observer } from 'mobx-react';
 import injectSheet from 'react-jss';
-import { defineMessages, FormattedHTMLMessage, intlShape } from 'react-intl';
-import { H1, Icon, ProBadge } from '@meetfranz/ui';
-import { Button } from '@meetfranz/forms/lib';
+import { defineMessages, intlShape } from 'react-intl';
+import { H1, Icon } from '@meetfranz/ui';
 import ReactTooltip from 'react-tooltip';
 
-import { mdiPlusBox, mdiSettings, mdiStar } from '@mdi/js';
+import { mdiPlusBox, mdiSettings } from '@mdi/js';
 import WorkspaceDrawerItem from './WorkspaceDrawerItem';
 import { workspaceActions } from '../actions';
 import { workspaceStore } from '../index';
@@ -29,22 +28,10 @@ const messages = defineMessages({
     id: 'workspaceDrawer.workspaceFeatureInfo',
     defaultMessage: '!!!Info about workspace feature',
   },
-  premiumCtaButtonLabel: {
-    id: 'workspaceDrawer.premiumCtaButtonLabel',
-    defaultMessage: '!!!Create your first workspace',
-  },
-  reactivatePremiumAccount: {
-    id: 'workspaceDrawer.reactivatePremiumAccountLabel',
-    defaultMessage: '!!!Reactivate premium account',
-  },
   addNewWorkspaceLabel: {
     id: 'workspaceDrawer.addNewWorkspaceLabel',
     defaultMessage: '!!!add new workspace',
   },
-  premiumFeatureBadge: {
-    id: 'workspaceDrawer.proFeatureBadge',
-    defaultMessage: '!!!Premium feature',
-  },
 });
 
 const styles = theme => ({
@@ -60,9 +47,6 @@ const styles = theme => ({
     marginBottom: '25px',
     marginLeft: theme.workspaces.drawer.padding,
   },
-  headlineProBadge: {
-    marginRight: 15,
-  },
   workspacesSettingsButton: {
     float: 'right',
     marginRight: theme.workspaces.drawer.padding,
@@ -78,16 +62,6 @@ const styles = theme => ({
     height: 'auto',
     overflowY: 'auto',
   },
-  premiumAnnouncement: {
-    padding: '20px',
-    paddingTop: '0',
-    height: 'auto',
-  },
-  premiumCtaButton: {
-    marginTop: '20px',
-    width: '100%',
-    color: 'white !important',
-  },
   addNewWorkspaceLabel: {
     height: 'auto',
     color: theme.workspaces.drawer.buttons.color,
@@ -116,7 +90,6 @@ class WorkspaceDrawer extends Component {
   static propTypes = {
     classes: PropTypes.object.isRequired,
     getServicesForWorkspace: PropTypes.func.isRequired,
-    onUpgradeAccountClick: PropTypes.func.isRequired,
   };
 
   static contextTypes = {
@@ -131,7 +104,6 @@ class WorkspaceDrawer extends Component {
     const {
       classes,
       getServicesForWorkspace,
-      onUpgradeAccountClick,
     } = this.props;
     const { intl } = this.context;
     const {
@@ -144,14 +116,6 @@ class WorkspaceDrawer extends Component {
     return (
       <div className={`${classes.drawer} workspaces-drawer`}>
         <H1 className={classes.headline}>
-          {workspaceStore.isPremiumUpgradeRequired && (
-            <span
-              className={classes.headlineProBadge}
-              data-tip={`${intl.formatMessage(messages.premiumFeatureBadge)}`}
-            >
-              <ProBadge />
-            </span>
-          )}
           {intl.formatMessage(messages.headline)}
           <span
             className={classes.workspacesSettingsButton}
@@ -167,75 +131,48 @@ class WorkspaceDrawer extends Component {
             />
           </span>
         </H1>
-        {workspaceStore.isPremiumUpgradeRequired ? (
-          <div className={classes.premiumAnnouncement}>
-            <FormattedHTMLMessage {...messages.workspaceFeatureInfo} />
-            {workspaceStore.userHasWorkspaces ? (
-              <Button
-                className={classes.premiumCtaButton}
-                buttonType="primary"
-                label={intl.formatMessage(messages.reactivatePremiumAccount)}
-                icon={mdiStar}
-                onClick={() => {
-                  onUpgradeAccountClick();
-                }}
-              />
-            ) : (
-              <Button
-                className={classes.premiumCtaButton}
-                buttonType="primary"
-                label={intl.formatMessage(messages.premiumCtaButtonLabel)}
-                icon={mdiPlusBox}
-                onClick={() => {
-                  workspaceActions.openWorkspaceSettings();
-                }}
-              />
-            )}
-          </div>
-        ) : (
-          <div className={classes.workspaces}>
+        <div className={classes.workspaces}>
+          <WorkspaceDrawerItem
+            name={intl.formatMessage(messages.allServices)}
+            onClick={() => {
+              workspaceActions.deactivate();
+              workspaceActions.toggleWorkspaceDrawer();
+            }}
+            services={getServicesForWorkspace(null)}
+            isActive={actualWorkspace == null}
+            shortcutIndex={0}
+          />
+          {workspaces.map((workspace, index) => (
             <WorkspaceDrawerItem
-              name={intl.formatMessage(messages.allServices)}
+              key={workspace.id}
+              name={workspace.name}
+              isActive={actualWorkspace === workspace}
               onClick={() => {
-                workspaceActions.deactivate();
+                if (actualWorkspace === workspace) return;
+                workspaceActions.activate({ workspace });
                 workspaceActions.toggleWorkspaceDrawer();
               }}
-              services={getServicesForWorkspace(null)}
-              isActive={actualWorkspace == null}
-              shortcutIndex={0}
+              onContextMenuEditClick={() => workspaceActions.edit({ workspace })}
+              services={getServicesForWorkspace(workspace)}
+              shortcutIndex={index + 1}
             />
-            {workspaces.map((workspace, index) => (
-              <WorkspaceDrawerItem
-                key={workspace.id}
-                name={workspace.name}
-                isActive={actualWorkspace === workspace}
-                onClick={() => {
-                  if (actualWorkspace === workspace) return;
-                  workspaceActions.activate({ workspace });
-                  workspaceActions.toggleWorkspaceDrawer();
-                }}
-                onContextMenuEditClick={() => workspaceActions.edit({ workspace })}
-                services={getServicesForWorkspace(workspace)}
-                shortcutIndex={index + 1}
-              />
-            ))}
-            <div
-              className={classes.addNewWorkspaceLabel}
-              onClick={() => {
-                workspaceActions.openWorkspaceSettings();
-              }}
-            >
-              <Icon
-                icon={mdiPlusBox}
-                size={1}
-                className={classes.workspacesSettingsButtonIcon}
-              />
-              <span>
-                {intl.formatMessage(messages.addNewWorkspaceLabel)}
-              </span>
-            </div>
+          ))}
+          <div
+            className={classes.addNewWorkspaceLabel}
+            onClick={() => {
+              workspaceActions.openWorkspaceSettings();
+            }}
+          >
+            <Icon
+              icon={mdiPlusBox}
+              size={1}
+              className={classes.workspacesSettingsButtonIcon}
+            />
+            <span>
+              {intl.formatMessage(messages.addNewWorkspaceLabel)}
+            </span>
           </div>
-        )}
+        </div>
         <ReactTooltip place="right" type="dark" effect="solid" />
       </div>
     );