aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/settings/team/TeamDashboard.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/settings/team/TeamDashboard.js')
-rw-r--r--src/components/settings/team/TeamDashboard.js17
1 files changed, 13 insertions, 4 deletions
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';
9import Loader from '../../ui/Loader'; 9import Loader from '../../ui/Loader';
10import Button from '../../ui/Button'; 10import Button from '../../ui/Button';
11import Infobox from '../../ui/Infobox'; 11import Infobox from '../../ui/Infobox';
12import { H1 } from '../../ui/headline';
12import { LIVE_FRANZ_API } from '../../../config'; 13import { LIVE_FRANZ_API } from '../../../config';
13 14
14const messages = defineMessages({ 15const messages = defineMessages({
@@ -43,6 +44,14 @@ const messages = defineMessages({
43 defaultMessage: 44 defaultMessage:
44 '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.', 45 '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.',
45 }, 46 },
47 tryReloadUserInfoRequest: {
48 id: 'settings.team.tryReloadUserInfoRequest',
49 defaultMessage: 'Try reloading',
50 },
51 userInfoRequestFailed: {
52 id: 'settings.team.userInfoRequestFailed',
53 defaultMessage: 'User Info request failed',
54 },
46}); 55});
47 56
48const styles = { 57const styles = {
@@ -136,14 +145,14 @@ class TeamDashboard extends Component {
136 145
137 {!userInfoRequestFailed && !isLoading && ( 146 {!userInfoRequestFailed && !isLoading && (
138 <> 147 <>
139 <h1 148 <H1
140 className={classnames({ 149 className={classnames({
141 [classes.headline]: true, 150 [classes.headline]: true,
142 [classes.headlineWithSpacing]: true, 151 [classes.headlineWithSpacing]: true,
143 })} 152 })}
144 > 153 >
145 {intl.formatMessage(messages.contentHeadline)} 154 {intl.formatMessage(messages.contentHeadline)}
146 </h1> 155 </H1>
147 <div className={classes.container}> 156 <div className={classes.container}>
148 <div className={classes.content}> 157 <div className={classes.content}>
149 <p>{intl.formatMessage(messages.intro)}</p> 158 <p>{intl.formatMessage(messages.intro)}</p>
@@ -177,9 +186,9 @@ class TeamDashboard extends Component {
177 </span> 186 </span>
178 </div> 187 </div>
179 <div className="settings__body"> 188 <div className="settings__body">
180 <h1 className={classes.headline}> 189 <H1 className={classes.headline}>
181 {intl.formatMessage(messages.teamsUnavailable)} 190 {intl.formatMessage(messages.teamsUnavailable)}
182 </h1> 191 </H1>
183 <p 192 <p
184 className="settings__message" 193 className="settings__message"
185 style={{ 194 style={{