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/auth/SetupAssistant.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/auth/SetupAssistant.js')
-rw-r--r-- | src/components/auth/SetupAssistant.js | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/src/components/auth/SetupAssistant.js b/src/components/auth/SetupAssistant.js index a24f4e4d5..90f6733a6 100644 --- a/src/components/auth/SetupAssistant.js +++ b/src/components/auth/SetupAssistant.js | |||
@@ -14,6 +14,7 @@ import Appear from '../ui/effects/Appear'; | |||
14 | import globalMessages from '../../i18n/globalMessages'; | 14 | import globalMessages from '../../i18n/globalMessages'; |
15 | 15 | ||
16 | import { CDN_URL } from '../../config'; | 16 | import { CDN_URL } from '../../config'; |
17 | import { H1, H2 } from '../ui/headline'; | ||
17 | 18 | ||
18 | const SLACK_ID = 'slack'; | 19 | const SLACK_ID = 'slack'; |
19 | 20 | ||
@@ -213,8 +214,8 @@ class SetupAssistant extends Component { | |||
213 | )} | 214 | )} |
214 | 215 | ||
215 | <img src="./assets/images/logo.svg" className="auth__logo" alt="" /> | 216 | <img src="./assets/images/logo.svg" className="auth__logo" alt="" /> |
216 | <h1>{intl.formatMessage(messages.headline)}</h1> | 217 | <H1>{intl.formatMessage(messages.headline)}</H1> |
217 | <h2>{intl.formatMessage(messages.subHeadline)}</h2> | 218 | <H2>{intl.formatMessage(messages.subHeadline)}</H2> |
218 | <div className={classnames('grid', classes.servicesGrid)}> | 219 | <div className={classnames('grid', classes.servicesGrid)}> |
219 | {Object.keys(services).map(id => { | 220 | {Object.keys(services).map(id => { |
220 | const service = services[id]; | 221 | const service = services[id]; |
@@ -252,7 +253,7 @@ class SetupAssistant extends Component { | |||
252 | className={classes.serviceIcon} | 253 | className={classes.serviceIcon} |
253 | alt="" | 254 | alt="" |
254 | /> | 255 | /> |
255 | <h2>{service.name}</h2> | 256 | <H2>{service.name}</H2> |
256 | {id === SLACK_ID && slackWorkspace && ( | 257 | {id === SLACK_ID && slackWorkspace && ( |
257 | <Badge type="secondary" className={classes.slackBadge}> | 258 | <Badge type="secondary" className={classes.slackBadge}> |
258 | {slackWorkspace} | 259 | {slackWorkspace} |
@@ -280,7 +281,7 @@ class SetupAssistant extends Component { | |||
280 | > | 281 | > |
281 | <div className={classes.slackModalContent}> | 282 | <div className={classes.slackModalContent}> |
282 | <img src={`${CDN_URL}/recipes/dist/slack/src/icon.svg`} alt="" /> | 283 | <img src={`${CDN_URL}/recipes/dist/slack/src/icon.svg`} alt="" /> |
283 | <h1>Create your first Slack workspace</h1> | 284 | <H1>Create your first Slack workspace</H1> |
284 | <form | 285 | <form |
285 | onSubmit={e => { | 286 | onSubmit={e => { |
286 | e.preventDefault(); | 287 | e.preventDefault(); |