diff options
author | Vijay A <vraravam@users.noreply.github.com> | 2022-05-06 19:06:00 -0500 |
---|---|---|
committer | Vijay A <vraravam@users.noreply.github.com> | 2022-05-06 19:06:00 -0500 |
commit | 4df01bf76dd0c19d29587571131555639bf2b844 (patch) | |
tree | f19565f06da9d6c796bd3962d6f28a4fcff0da63 /src/components/services | |
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/services')
3 files changed, 6 insertions, 3 deletions
diff --git a/src/components/services/content/ErrorHandlers/WebviewErrorHandler.js b/src/components/services/content/ErrorHandlers/WebviewErrorHandler.js index d605b3a52..cdc12b01b 100644 --- a/src/components/services/content/ErrorHandlers/WebviewErrorHandler.js +++ b/src/components/services/content/ErrorHandlers/WebviewErrorHandler.js | |||
@@ -7,6 +7,7 @@ import injectSheet from 'react-jss'; | |||
7 | import Button from '../../../ui/Button'; | 7 | import Button from '../../../ui/Button'; |
8 | 8 | ||
9 | import styles from './styles'; | 9 | import styles from './styles'; |
10 | import { H1 } from '../../../ui/headline'; | ||
10 | 11 | ||
11 | const messages = defineMessages({ | 12 | const messages = defineMessages({ |
12 | headline: { | 13 | headline: { |
@@ -46,7 +47,7 @@ class WebviewErrorHandler extends Component { | |||
46 | 47 | ||
47 | return ( | 48 | return ( |
48 | <div className={classes.component}> | 49 | <div className={classes.component}> |
49 | <h1>{intl.formatMessage(messages.headline)}</h1> | 50 | <H1>{intl.formatMessage(messages.headline)}</H1> |
50 | <p>{intl.formatMessage(messages.text, { name })}</p> | 51 | <p>{intl.formatMessage(messages.text, { name })}</p> |
51 | <p> | 52 | <p> |
52 | <strong>{intl.formatMessage(messages.errorMessage)}:</strong>{' '} | 53 | <strong>{intl.formatMessage(messages.errorMessage)}:</strong>{' '} |
diff --git a/src/components/services/content/ServiceDisabled.js b/src/components/services/content/ServiceDisabled.js index b4658618e..da5357bf2 100644 --- a/src/components/services/content/ServiceDisabled.js +++ b/src/components/services/content/ServiceDisabled.js | |||
@@ -4,6 +4,7 @@ import { observer } from 'mobx-react'; | |||
4 | import { defineMessages, injectIntl } from 'react-intl'; | 4 | import { defineMessages, injectIntl } from 'react-intl'; |
5 | 5 | ||
6 | import Button from '../../ui/Button'; | 6 | import Button from '../../ui/Button'; |
7 | import { H1 } from '../../ui/headline'; | ||
7 | 8 | ||
8 | const messages = defineMessages({ | 9 | const messages = defineMessages({ |
9 | headline: { | 10 | headline: { |
@@ -28,7 +29,7 @@ class ServiceDisabled extends Component { | |||
28 | 29 | ||
29 | return ( | 30 | return ( |
30 | <div className="services__info-layer"> | 31 | <div className="services__info-layer"> |
31 | <h1>{intl.formatMessage(messages.headline, { name })}</h1> | 32 | <H1>{intl.formatMessage(messages.headline, { name })}</H1> |
32 | <Button | 33 | <Button |
33 | label={intl.formatMessage(messages.action, { name })} | 34 | label={intl.formatMessage(messages.action, { name })} |
34 | buttonType="inverted" | 35 | buttonType="inverted" |
diff --git a/src/components/services/content/WebviewCrashHandler.js b/src/components/services/content/WebviewCrashHandler.js index 1ca5ba415..7e635e9ab 100644 --- a/src/components/services/content/WebviewCrashHandler.js +++ b/src/components/services/content/WebviewCrashHandler.js | |||
@@ -5,6 +5,7 @@ import { defineMessages, injectIntl } from 'react-intl'; | |||
5 | import ms from 'ms'; | 5 | import ms from 'ms'; |
6 | 6 | ||
7 | import Button from '../../ui/Button'; | 7 | import Button from '../../ui/Button'; |
8 | import { H1 } from '../../ui/headline'; | ||
8 | 9 | ||
9 | const messages = defineMessages({ | 10 | const messages = defineMessages({ |
10 | headline: { | 11 | headline: { |
@@ -61,7 +62,7 @@ class WebviewCrashHandler extends Component { | |||
61 | 62 | ||
62 | return ( | 63 | return ( |
63 | <div className="services__info-layer"> | 64 | <div className="services__info-layer"> |
64 | <h1>{intl.formatMessage(messages.headline)}</h1> | 65 | <H1>{intl.formatMessage(messages.headline)}</H1> |
65 | <p>{intl.formatMessage(messages.text, { name })}</p> | 66 | <p>{intl.formatMessage(messages.text, { name })}</p> |
66 | <Button | 67 | <Button |
67 | // label={`Reload ${name}`} | 68 | // label={`Reload ${name}`} |