From f439e0d8acbd469f1dc9de4b38f8ac9dcb6488ea Mon Sep 17 00:00:00 2001
From: vantezzen <hello@vantezzen.io>
Date: Fri, 18 Oct 2019 21:04:46 +0200
Subject: Add info about teams only being availible on Franz servers

---
 src/components/settings/team/TeamDashboard.js      | 149 ++++++++++++---------
 src/containers/settings/TeamScreen.js              |   4 +-
 .../components/settings/team/TeamDashboard.json    |  26 ++++
 3 files changed, 117 insertions(+), 62 deletions(-)

diff --git a/src/components/settings/team/TeamDashboard.js b/src/components/settings/team/TeamDashboard.js
index 2bf46b48d..3a38d682b 100644
--- a/src/components/settings/team/TeamDashboard.js
+++ b/src/components/settings/team/TeamDashboard.js
@@ -38,6 +38,14 @@ const messages = defineMessages({
     id: 'settings.team.upgradeAction',
     defaultMessage: '!!!Upgrade your Account',
   },
+  teamsUnavailible: {
+    id: 'settings.team.teamsUnavailible',
+    defaultMessage: '!!!Teams are unavailible',
+  },
+  teamsUnavailibleInfo: {
+    id: 'settings.team.teamsUnavailibleInfo',
+    defaultMessage: '!!!Teams are currently only availible when using the Franz Server and after paying for Franz Professional. Please change your server to https://api.franzinfra.com to use teams.',
+  },
 });
 
 const styles = {
@@ -98,6 +106,7 @@ export default @injectSheet(styles) @observer class TeamDashboard extends Compon
     openTeamManagement: PropTypes.func.isRequired,
     classes: PropTypes.object.isRequired,
     isProUser: PropTypes.bool.isRequired,
+    server: PropTypes.string.isRequired,
   };
 
   static contextTypes = {
@@ -112,9 +121,84 @@ export default @injectSheet(styles) @observer class TeamDashboard extends Compon
       openTeamManagement,
       isProUser,
       classes,
+      server,
     } = this.props;
     const { intl } = this.context;
 
+    if (server === 'https://api.franzinfra.com') {
+      return (
+        <div className="settings__main">
+          <div className="settings__header">
+            <span className="settings__header-item">
+              {intl.formatMessage(messages.headline)}
+            </span>
+          </div>
+          <div className="settings__body">
+            {isLoading && (
+              <Loader />
+            )}
+
+            {!isLoading && userInfoRequestFailed && (
+              <Infobox
+                icon="alert"
+                type="danger"
+                ctaLabel={intl.formatMessage(messages.tryReloadUserInfoRequest)}
+                ctaLoading={isLoading}
+                ctaOnClick={retryUserInfoRequest}
+              >
+                {intl.formatMessage(messages.userInfoRequestFailed)}
+              </Infobox>
+            )}
+
+            {!userInfoRequestFailed && (
+              <>
+                {!isLoading && (
+                  <>
+                    <>
+                      <h1 className={classnames({
+                        [classes.headline]: true,
+                        [classes.headlineWithSpacing]: isProUser,
+                      })}
+                      >
+                        {intl.formatMessage(messages.contentHeadline)}
+
+                      </h1>
+                      {!isProUser && (
+                        <Badge className={classes.proRequired}>{intl.formatMessage(globalMessages.proRequired)}</Badge>
+                      )}
+                      <div className={classes.container}>
+                        <div className={classes.content}>
+                          <p>{intl.formatMessage(messages.intro)}</p>
+                          <p>{intl.formatMessage(messages.copy)}</p>
+                        </div>
+                        <img className={classes.image} src="https://cdn.franzinfra.com/announcements/assets/teams.png" alt="Franz for Teams" />
+                      </div>
+                      <div className={classes.buttonContainer}>
+                        {!isProUser ? (
+                          <UpgradeButton
+                            className={classes.cta}
+                            gaEventInfo={{ category: 'Todos', event: 'upgrade' }}
+                            requiresPro
+                            short
+                          />
+                        ) : (
+                          <Button
+                            label={intl.formatMessage(messages.manageButton)}
+                            onClick={openTeamManagement}
+                            className={classes.cta}
+                          />
+                        )}
+                      </div>
+                    </>
+                  </>
+                )}
+              </>
+            )}
+          </div>
+          <ReactTooltip place="right" type="dark" effect="solid" />
+        </div>
+      );
+    }
     return (
       <div className="settings__main">
         <div className="settings__header">
@@ -123,68 +207,11 @@ export default @injectSheet(styles) @observer class TeamDashboard extends Compon
           </span>
         </div>
         <div className="settings__body">
-          {isLoading && (
-            <Loader />
-          )}
-
-          {!isLoading && userInfoRequestFailed && (
-            <Infobox
-              icon="alert"
-              type="danger"
-              ctaLabel={intl.formatMessage(messages.tryReloadUserInfoRequest)}
-              ctaLoading={isLoading}
-              ctaOnClick={retryUserInfoRequest}
-            >
-              {intl.formatMessage(messages.userInfoRequestFailed)}
-            </Infobox>
-          )}
-
-          {!userInfoRequestFailed && (
-            <>
-              {!isLoading && (
-                <>
-                  <>
-                    <h1 className={classnames({
-                      [classes.headline]: true,
-                      [classes.headlineWithSpacing]: isProUser,
-                    })}
-                    >
-                      {intl.formatMessage(messages.contentHeadline)}
-
-                    </h1>
-                    {!isProUser && (
-                      <Badge className={classes.proRequired}>{intl.formatMessage(globalMessages.proRequired)}</Badge>
-                    )}
-                    <div className={classes.container}>
-                      <div className={classes.content}>
-                        <p>{intl.formatMessage(messages.intro)}</p>
-                        <p>{intl.formatMessage(messages.copy)}</p>
-                      </div>
-                      <img className={classes.image} src="https://cdn.franzinfra.com/announcements/assets/teams.png" alt="Franz for Teams" />
-                    </div>
-                    <div className={classes.buttonContainer}>
-                      {!isProUser ? (
-                        <UpgradeButton
-                          className={classes.cta}
-                          gaEventInfo={{ category: 'Todos', event: 'upgrade' }}
-                          requiresPro
-                          short
-                        />
-                      ) : (
-                        <Button
-                          label={intl.formatMessage(messages.manageButton)}
-                          onClick={openTeamManagement}
-                          className={classes.cta}
-                        />
-                      )}
-                    </div>
-                  </>
-                </>
-              )}
-            </>
-          )}
+          <h1 className={classes.headline}>
+            {intl.formatMessage(messages.teamsUnavailible)}
+          </h1>
+          {intl.formatMessage(messages.teamsUnavailibleInfo)}
         </div>
-        <ReactTooltip place="right" type="dark" effect="solid" />
       </div>
     );
   }
diff --git a/src/containers/settings/TeamScreen.js b/src/containers/settings/TeamScreen.js
index f600c9947..1172125fe 100644
--- a/src/containers/settings/TeamScreen.js
+++ b/src/containers/settings/TeamScreen.js
@@ -19,9 +19,10 @@ export default @inject('stores', 'actions') @observer class TeamScreen extends C
   }
 
   render() {
-    const { user } = this.props.stores;
+    const { user, settings } = this.props.stores;
 
     const isLoadingUserInfo = user.getUserInfoRequest.isExecuting;
+    const { server } = settings.app;
 
     return (
       <ErrorBoundary>
@@ -31,6 +32,7 @@ export default @inject('stores', 'actions') @observer class TeamScreen extends C
           retryUserInfoRequest={() => this.reloadData()}
           openTeamManagement={() => this.handleWebsiteLink('/user/team')}
           isProUser={user.isPro}
+          server={server}
         />
       </ErrorBoundary>
     );
diff --git a/src/i18n/messages/src/components/settings/team/TeamDashboard.json b/src/i18n/messages/src/components/settings/team/TeamDashboard.json
index 80adadb67..64693933c 100644
--- a/src/i18n/messages/src/components/settings/team/TeamDashboard.json
+++ b/src/i18n/messages/src/components/settings/team/TeamDashboard.json
@@ -76,5 +76,31 @@
       "line": 40,
       "column": 3
     }
+  },
+  {
+    "id": "settings.team.teamsUnavailible",
+    "defaultMessage": "!!!Teams are unavailible",
+    "file": "src/components/settings/team/TeamDashboard.js",
+    "start": {
+      "line": 41,
+      "column": 20
+    },
+    "end": {
+      "line": 44,
+      "column": 3
+    }
+  },
+  {
+    "id": "settings.team.teamsUnavailibleInfo",
+    "defaultMessage": "!!!Teams are currently only availible when using the Franz Server and after paying for Franz Professional. Please change your server to https://api.franzinfra.com to use teams.",
+    "file": "src/components/settings/team/TeamDashboard.js",
+    "start": {
+      "line": 45,
+      "column": 24
+    },
+    "end": {
+      "line": 48,
+      "column": 3
+    }
   }
 ]
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2