From 4df01bf76dd0c19d29587571131555639bf2b844 Mon Sep 17 00:00:00 2001
From: Vijay A <vraravam@users.noreply.github.com>
Date: Fri, 6 May 2022 19:06:00 -0500
Subject: Use components defined in the codebase; Extract some text for i18n
 purposes.

---
 src/components/settings/team/TeamDashboard.js | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

(limited to 'src/components/settings/team')

diff --git a/src/components/settings/team/TeamDashboard.js b/src/components/settings/team/TeamDashboard.js
index 22d386775..228796ad9 100644
--- a/src/components/settings/team/TeamDashboard.js
+++ b/src/components/settings/team/TeamDashboard.js
@@ -9,6 +9,7 @@ import classnames from 'classnames';
 import Loader from '../../ui/Loader';
 import Button from '../../ui/Button';
 import Infobox from '../../ui/Infobox';
+import { H1 } from '../../ui/headline';
 import { LIVE_FRANZ_API } from '../../../config';
 
 const messages = defineMessages({
@@ -43,6 +44,14 @@ const messages = defineMessages({
     defaultMessage:
       'Teams are currently only available when using the Franz Server and after paying for Franz Professional. Please change your server to https://api.franzinfra.com to use teams.',
   },
+  tryReloadUserInfoRequest: {
+    id: 'settings.team.tryReloadUserInfoRequest',
+    defaultMessage: 'Try reloading',
+  },
+  userInfoRequestFailed: {
+    id: 'settings.team.userInfoRequestFailed',
+    defaultMessage: 'User Info request failed',
+  },
 });
 
 const styles = {
@@ -136,14 +145,14 @@ class TeamDashboard extends Component {
 
             {!userInfoRequestFailed && !isLoading && (
               <>
-                <h1
+                <H1
                   className={classnames({
                     [classes.headline]: true,
                     [classes.headlineWithSpacing]: true,
                   })}
                 >
                   {intl.formatMessage(messages.contentHeadline)}
-                </h1>
+                </H1>
                 <div className={classes.container}>
                   <div className={classes.content}>
                     <p>{intl.formatMessage(messages.intro)}</p>
@@ -177,9 +186,9 @@ class TeamDashboard extends Component {
           </span>
         </div>
         <div className="settings__body">
-          <h1 className={classes.headline}>
+          <H1 className={classes.headline}>
             {intl.formatMessage(messages.teamsUnavailable)}
-          </h1>
+          </H1>
           <p
             className="settings__message"
             style={{
-- 
cgit v1.2.3-70-g09d2