diff options
author | 2022-05-06 19:06:00 -0500 | |
---|---|---|
committer | 2022-05-06 19:06:00 -0500 | |
commit | 4df01bf76dd0c19d29587571131555639bf2b844 (patch) | |
tree | f19565f06da9d6c796bd3962d6f28a4fcff0da63 /src/components/settings/team/TeamDashboard.js | |
parent | Regenerate i18n file (diff) | |
download | ferdium-app-4df01bf76dd0c19d29587571131555639bf2b844.tar.gz ferdium-app-4df01bf76dd0c19d29587571131555639bf2b844.tar.zst ferdium-app-4df01bf76dd0c19d29587571131555639bf2b844.zip |
Use components defined in the codebase; Extract some text for i18n purposes.
Diffstat (limited to 'src/components/settings/team/TeamDashboard.js')
-rw-r--r-- | src/components/settings/team/TeamDashboard.js | 17 |
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'; | |||
9 | import Loader from '../../ui/Loader'; | 9 | import Loader from '../../ui/Loader'; |
10 | import Button from '../../ui/Button'; | 10 | import Button from '../../ui/Button'; |
11 | import Infobox from '../../ui/Infobox'; | 11 | import Infobox from '../../ui/Infobox'; |
12 | import { H1 } from '../../ui/headline'; | ||
12 | import { LIVE_FRANZ_API } from '../../../config'; | 13 | import { LIVE_FRANZ_API } from '../../../config'; |
13 | 14 | ||
14 | const messages = defineMessages({ | 15 | const 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 | ||
48 | const styles = { | 57 | const 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={{ |