2 files changed, 0 insertions, 135 deletions

diff --git a/src/components/ui/PremiumFeatureContainer/index.js b/src/components/ui/PremiumFeatureContainer/index.js
deleted file mode 100644
index 1e100f9d8..000000000
--- a/src/components/ui/PremiumFeatureContainer/index.js
+++ /dev/null
@@ -1,101 +0,0 @@
-import React, { Component } from 'react';
-import { inject, observer } from 'mobx-react';
-import PropTypes from 'prop-types';
-import { defineMessages, intlShape } from 'react-intl';
-import injectSheet from 'react-jss';
-
-import { oneOrManyChildElements } from '../../../prop-types';
-
-import UserStore from '../../../stores/UserStore';
-
-import styles from './styles';
-import FeaturesStore from '../../../stores/FeaturesStore';
-import UIStore from '../../../stores/UIStore';
-
-const messages = defineMessages({
-  action: {
-    id: 'premiumFeature.button.upgradeAccount',
-    defaultMessage: '!!!Upgrade account',
-  },
-});
-
-@inject('stores', 'actions') @injectSheet(styles) @observer
-class PremiumFeatureContainer extends Component {
-  static propTypes = {
-    classes: PropTypes.object.isRequired,
-    condition: PropTypes.oneOfType([
-      PropTypes.bool,
-      PropTypes.func,
-    ]),
-    gaEventInfo: PropTypes.shape({
-      category: PropTypes.string.isRequired,
-      event: PropTypes.string.isRequired,
-      label: PropTypes.string,
-    }),
-  };
-
-  static defaultProps = {
-    condition: null,
-    gaEventInfo: null,
-  };
-
-  static contextTypes = {
-    intl: intlShape,
-  };
-
-  render() {
-    const {
-      classes,
-      children,
-      actions,
-      condition,
-      stores,
-    } = this.props;
-
-    const { intl } = this.context;
-
-    let showWrapper = !!condition;
-
-    if (condition === null) {
-      showWrapper = !stores.user.data.isPremium;
-    } else if (typeof condition === 'function') {
-      showWrapper = condition({
-        isPremium: stores.user.data.isPremium,
-        features: stores.features.features,
-      });
-    }
-
-    return showWrapper ? (
-      <div className={classes.container}>
-        <div className={classes.titleContainer}>
-          <p className={classes.title}>Premium Feature</p>
-          <button
-            className={classes.actionButton}
-            type="button"
-            onClick={() => {
-              actions.ui.openSettings({ path: 'user' });
-            }}
-          >
-            {intl.formatMessage(messages.action)}
-          </button>
-        </div>
-        <div className={classes.content}>
-          {children}
-        </div>
-      </div>
-    ) : children;
-  }
-}
-
-PremiumFeatureContainer.wrappedComponent.propTypes = {
-  children: oneOrManyChildElements.isRequired,
-  stores: PropTypes.shape({
-    user: PropTypes.instanceOf(UserStore).isRequired,
-    features: PropTypes.instanceOf(FeaturesStore).isRequired,
-  }).isRequired,
-  actions: PropTypes.shape({
-    ui: PropTypes.instanceOf(UIStore).isRequired,
-  }).isRequired,
-};
-
-export default PremiumFeatureContainer;
diff --git a/src/components/ui/PremiumFeatureContainer/styles.js b/src/components/ui/PremiumFeatureContainer/styles.js
deleted file mode 100644
index 41881e044..000000000
--- a/src/components/ui/PremiumFeatureContainer/styles.js
+++ /dev/null
@@ -1,34 +0,0 @@
-export default theme => ({
-  container: {
-    background: theme.colorSubscriptionContainerBackground,
-    border: theme.colorSubscriptionContainerBorder,
-    margin: [0, 0, 20, -20],
-    padding: 20,
-    'border-radius': theme.borderRadius,
-    pointerEvents: 'none',
-    height: 'auto',
-  },
-  titleContainer: {
-    display: 'flex',
-  },
-  title: {
-    'font-weight': 'bold',
-    color: theme.colorSubscriptionContainerTitle,
-  },
-  actionButton: {
-    background: theme.colorSubscriptionContainerActionButtonBackground,
-    color: theme.colorSubscriptionContainerActionButtonColor,
-    'margin-left': 'auto',
-    'border-radius': theme.borderRadiusSmall,
-    padding: [4, 8],
-    'font-size': 12,
-    pointerEvents: 'initial',
-  },
-  content: {
-    opacity: 0.5,
-    'margin-top': 20,
-    '& > :last-child': {
-      'margin-bottom': 0,
-    },
-  },
-});