From 88a89ea3eb88f76ff9a2b9b856db855a7e15a46c Mon Sep 17 00:00:00 2001
From: Stefan Malzner <stefan@adlk.io>
Date: Mon, 2 Sep 2019 11:28:39 +0200
Subject: Remove user type from signup

---
 src/components/subscription/TrialForm.js | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

(limited to 'src/components/subscription/TrialForm.js')

diff --git a/src/components/subscription/TrialForm.js b/src/components/subscription/TrialForm.js
index 81b1c713c..9fe1c93b7 100644
--- a/src/components/subscription/TrialForm.js
+++ b/src/components/subscription/TrialForm.js
@@ -15,6 +15,10 @@ const messages = defineMessages({
     id: 'subscription.cta.activateTrial',
     defaultMessage: '!!!Yes, start the free Franz Professional trial',
   },
+  allOptionsButton: {
+    id: 'subscription.cta.allOptions',
+    defaultMessage: '!!!See all options',
+  },
   teaserHeadline: {
     id: 'settings.account.headlineTrialUpgrade',
     defaultMessage: '!!!Get the free 14 day Franz Professional Trial',
@@ -39,7 +43,12 @@ const messages = defineMessages({
 
 const styles = () => ({
   activateTrialButton: {
-    margin: [40, 0, 50],
+    margin: [40, 0, 10],
+  },
+  allOptionsButton: {
+    margin: [0, 0, 40],
+    background: 'none',
+    border: 'none',
   },
   keyTerms: {
     marginTop: 20,
@@ -50,6 +59,7 @@ export default @observer @injectSheet(styles) class TrialForm extends Component
   static propTypes = {
     activateTrial: PropTypes.func.isRequired,
     isActivatingTrial: PropTypes.bool.isRequired,
+    showAllOptions: PropTypes.func.isRequired,
     classes: PropTypes.object.isRequired,
   };
 
@@ -61,6 +71,7 @@ export default @observer @injectSheet(styles) class TrialForm extends Component
     const {
       isActivatingTrial,
       activateTrial,
+      showAllOptions,
       classes,
     } = this.props;
     const { intl } = this.context;
@@ -83,6 +94,12 @@ export default @observer @injectSheet(styles) class TrialForm extends Component
           onClick={activateTrial}
           stretch
         />
+        <Button
+          label={intl.formatMessage(messages.allOptionsButton)}
+          className={classes.allOptionsButton}
+          onClick={showAllOptions}
+          stretch
+        />
         <div className="subscription__premium-info">
           <H3>
             {intl.formatMessage(messages.includedFeatures)}
-- 
cgit v1.2.3-70-g09d2