Make trial activation more obvious

2 files changed, 65 insertions, 14 deletions

diff --git a/src/components/ui/ActivateTrialButton/index.js b/src/components/ui/ActivateTrialButton/index.js
index c3e5f4a6f..151d7cc6d 100644
--- a/src/components/ui/ActivateTrialButton/index.js
+++ b/src/components/ui/ActivateTrialButton/index.js
@@ -5,9 +5,11 @@ import { defineMessages, intlShape } from 'react-intl';
 import classnames from 'classnames';
 
 import { Button } from '@meetfranz/forms';
+import { H2 } from '@meetfranz/ui';
 import { gaEvent } from '../../../lib/analytics';
 
 import UserStore from '../../../stores/UserStore';
+import FeatureItem from '../FeatureItem';
 
 const messages = defineMessages({
   action: {
@@ -26,13 +28,23 @@ const messages = defineMessages({
     id: 'feature.delayApp.trial.actionShort',
     defaultMessage: '!!!Activate the free Franz Professional trial',
   },
+  noStringsAttachedHeadline: {
+    id: 'pricing.trial.terms.headline',
+    defaultMessage: '!!!No strings attached',
+  },
+  noCreditCard: {
+    id: 'pricing.trial.terms.noCreditCard',
+    defaultMessage: '!!!No credit card required',
+  },
+  automaticTrialEnd: {
+    id: 'pricing.trial.terms.automaticTrialEnd',
+    defaultMessage: '!!!Your free trial ends automatically after 14 days',
+  },
 });
 
 @inject('stores', 'actions') @observer
 class ActivateTrialButton extends Component {
   static propTypes = {
-    // eslint-disable-next-line
-    classes: PropTypes.object.isRequired,
     className: PropTypes.string,
     short: PropTypes.bool,
     gaEventInfo: PropTypes.shape({
@@ -55,19 +67,19 @@ class ActivateTrialButton extends Component {
   handleCTAClick() {
     const { actions, stores, gaEventInfo } = this.props;
     const { hadSubscription } = stores.user.data;
-    const { defaultTrialPlan } = stores.features.features;
+    // const { defaultTrialPlan } = stores.features.features;
 
     let label = '';
     if (!hadSubscription) {
-      actions.user.activateTrial({ planId: defaultTrialPlan });
+      // actions.user.activateTrial({ planId: defaultTrialPlan });
 
       label = 'Start Trial';
     } else {
-      actions.ui.openSettings({ path: 'user' });
-
       label = 'Upgrade Account';
     }
 
+    actions.ui.openSettings({ path: 'user' });
+
     if (gaEventInfo) {
       const { category, event } = gaEventInfo;
       gaEvent(category, event, label);
diff --git a/src/i18n/messages/src/components/ui/ActivateTrialButton/index.json b/src/i18n/messages/src/components/ui/ActivateTrialButton/index.json
index 08c1a9293..464de5c63 100644
--- a/src/i18n/messages/src/components/ui/ActivateTrialButton/index.json
+++ b/src/i18n/messages/src/components/ui/ActivateTrialButton/index.json
@@ -4,11 +4,11 @@
     "defaultMessage": "!!!Get a Franz Supporter License",
     "file": "src/components/ui/ActivateTrialButton/index.js",
     "start": {
-      "line": 13,
+      "line": 15,
       "column": 10
     },
     "end": {
-      "line": 16,
+      "line": 18,
       "column": 3
     }
   },
@@ -17,11 +17,11 @@
     "defaultMessage": "!!!Yes, I want the free 14 day trial of Franz Professional",
     "file": "src/components/ui/ActivateTrialButton/index.js",
     "start": {
-      "line": 17,
+      "line": 19,
       "column": 15
     },
     "end": {
-      "line": 20,
+      "line": 22,
       "column": 3
     }
   },
@@ -30,11 +30,11 @@
     "defaultMessage": "!!!Upgrade account",
     "file": "src/components/ui/ActivateTrialButton/index.js",
     "start": {
-      "line": 21,
+      "line": 23,
       "column": 15
     },
     "end": {
-      "line": 24,
+      "line": 26,
       "column": 3
     }
   },
@@ -43,11 +43,50 @@
     "defaultMessage": "!!!Activate the free Franz Professional trial",
     "file": "src/components/ui/ActivateTrialButton/index.js",
     "start": {
-      "line": 25,
+      "line": 27,
       "column": 20
     },
     "end": {
-      "line": 28,
+      "line": 30,
+      "column": 3
+    }
+  },
+  {
+    "id": "pricing.trial.terms.headline",
+    "defaultMessage": "!!!No strings attached",
+    "file": "src/components/ui/ActivateTrialButton/index.js",
+    "start": {
+      "line": 31,
+      "column": 29
+    },
+    "end": {
+      "line": 34,
+      "column": 3
+    }
+  },
+  {
+    "id": "pricing.trial.terms.noCreditCard",
+    "defaultMessage": "!!!No credit card required",
+    "file": "src/components/ui/ActivateTrialButton/index.js",
+    "start": {
+      "line": 35,
+      "column": 16
+    },
+    "end": {
+      "line": 38,
+      "column": 3
+    }
+  },
+  {
+    "id": "pricing.trial.terms.automaticTrialEnd",
+    "defaultMessage": "!!!Your free trial ends automatically after 14 days",
+    "file": "src/components/ui/ActivateTrialButton/index.js",
+    "start": {
+      "line": 39,
+      "column": 21
+    },
+    "end": {
+      "line": 42,
       "column": 3
     }
   }