1 files changed, 48 insertions, 0 deletions

diff --git a/src/containers/settings/TeamScreen.tsx b/src/containers/settings/TeamScreen.tsx
new file mode 100644
index 000000000..5e5223f67
--- /dev/null
+++ b/src/containers/settings/TeamScreen.tsx
@@ -0,0 +1,48 @@
+import { Component, ReactElement } from 'react';
+import { inject, observer } from 'mobx-react';
+
+import { StoresProps } from 'src/@types/ferdium-components.types';
+
+import TeamDashboard from '../../components/settings/team/TeamDashboard';
+import ErrorBoundary from '../../components/util/ErrorBoundary';
+import { DEV_API_FRANZ_WEBSITE } from '../../config';
+
+class TeamScreen extends Component<StoresProps> {
+  handleWebsiteLink(route: string): void {
+    const { actions, stores } = this.props;
+
+    const url = `${DEV_API_FRANZ_WEBSITE}/${route}?authToken=${stores.user.authToken}&utm_source=app&utm_medium=account_dashboard`;
+
+    actions.app.openExternalUrl({ url });
+  }
+
+  reloadData(): void {
+    const { user } = this.props.stores;
+
+    user.getUserInfoRequest.reload();
+  }
+
+  render(): ReactElement {
+    const { user, settings } = this.props.stores;
+
+    const isLoadingUserInfo = user.getUserInfoRequest.isExecuting;
+    const { server } = settings.app;
+
+    return (
+      <ErrorBoundary>
+        <TeamDashboard
+          isLoading={isLoadingUserInfo}
+          userInfoRequestFailed={
+            user.getUserInfoRequest.wasExecuted &&
+            user.getUserInfoRequest.isError
+          }
+          retryUserInfoRequest={() => this.reloadData()}
+          openTeamManagement={() => this.handleWebsiteLink('/user/team')}
+          server={server}
+        />
+      </ErrorBoundary>
+    );
+  }
+}
+
+export default inject('stores', 'actions')(observer(TeamScreen));