diff options
author | Vijay A <avijayr@protonmail.com> | 2021-09-07 08:05:34 +0530 |
---|---|---|
committer | Vijay A <avijayr@protonmail.com> | 2021-09-07 09:41:27 +0530 |
commit | 8b5de8dd779dfc2dfa45c930d143060ac7321acf (patch) | |
tree | 256547da3abb14429d73881a1251f4cda5127653 /src/features | |
parent | 5.6.1-nightly.52 [skip ci] (diff) | |
download | ferdium-app-8b5de8dd779dfc2dfa45c930d143060ac7321acf.tar.gz ferdium-app-8b5de8dd779dfc2dfa45c930d143060ac7321acf.tar.zst ferdium-app-8b5de8dd779dfc2dfa45c930d143060ac7321acf.zip |
refactor: externalize english text
Diffstat (limited to 'src/features')
-rw-r--r-- | src/features/basicAuth/Component.js | 21 | ||||
-rw-r--r-- | src/features/nightlyBuilds/Component.js | 7 |
2 files changed, 20 insertions, 8 deletions
diff --git a/src/features/basicAuth/Component.js b/src/features/basicAuth/Component.js index 14184f80b..a9601836b 100644 --- a/src/features/basicAuth/Component.js +++ b/src/features/basicAuth/Component.js | |||
@@ -2,6 +2,7 @@ import React, { Component } from 'react'; | |||
2 | import PropTypes from 'prop-types'; | 2 | import PropTypes from 'prop-types'; |
3 | import injectSheet from 'react-jss'; | 3 | import injectSheet from 'react-jss'; |
4 | import { observer } from 'mobx-react'; | 4 | import { observer } from 'mobx-react'; |
5 | import { defineMessages, intlShape } from 'react-intl'; | ||
5 | import classnames from 'classnames'; | 6 | import classnames from 'classnames'; |
6 | 7 | ||
7 | import Modal from '../../components/ui/Modal'; | 8 | import Modal from '../../components/ui/Modal'; |
@@ -17,12 +18,24 @@ import { | |||
17 | import Form from './Form'; | 18 | import Form from './Form'; |
18 | 19 | ||
19 | import styles from './styles'; | 20 | import styles from './styles'; |
21 | import globalMessages from '../../i18n/globalMessages'; | ||
22 | |||
23 | const messages = defineMessages({ | ||
24 | signIn: { | ||
25 | id: 'feature.basicAuth.signIn', | ||
26 | defaultMessage: '!!!Sign In', | ||
27 | }, | ||
28 | }); | ||
20 | 29 | ||
21 | export default @injectSheet(styles) @observer class BasicAuthModal extends Component { | 30 | export default @injectSheet(styles) @observer class BasicAuthModal extends Component { |
22 | static propTypes = { | 31 | static propTypes = { |
23 | classes: PropTypes.object.isRequired, | 32 | classes: PropTypes.object.isRequired, |
24 | } | 33 | } |
25 | 34 | ||
35 | static contextTypes = { | ||
36 | intl: intlShape, | ||
37 | }; | ||
38 | |||
26 | submit(e) { | 39 | submit(e) { |
27 | e.preventDefault(); | 40 | e.preventDefault(); |
28 | 41 | ||
@@ -56,6 +69,8 @@ export default @injectSheet(styles) @observer class BasicAuthModal extends Compo | |||
56 | return null; | 69 | return null; |
57 | } | 70 | } |
58 | 71 | ||
72 | const { intl } = this.context; | ||
73 | |||
59 | return ( | 74 | return ( |
60 | <Modal | 75 | <Modal |
61 | isOpen={isModalVisible} | 76 | isOpen={isModalVisible} |
@@ -63,7 +78,7 @@ export default @injectSheet(styles) @observer class BasicAuthModal extends Compo | |||
63 | close={this.cancel.bind(this)} | 78 | close={this.cancel.bind(this)} |
64 | showClose={false} | 79 | showClose={false} |
65 | > | 80 | > |
66 | <h1>Sign in</h1> | 81 | <h1>{intl.formatMessage(messages.signIn)}</h1> |
67 | <p> | 82 | <p> |
68 | http | 83 | http |
69 | {authInfo.port === 443 && 's'} | 84 | {authInfo.port === 443 && 's'} |
@@ -86,13 +101,13 @@ export default @injectSheet(styles) @observer class BasicAuthModal extends Compo | |||
86 | <div className={classes.buttons}> | 101 | <div className={classes.buttons}> |
87 | <Button | 102 | <Button |
88 | type="button" | 103 | type="button" |
89 | label="Cancel" | 104 | label={intl.formatMessage(globalMessages.cancel)} |
90 | buttonType="secondary" | 105 | buttonType="secondary" |
91 | onClick={this.cancel.bind(this)} | 106 | onClick={this.cancel.bind(this)} |
92 | /> | 107 | /> |
93 | <Button | 108 | <Button |
94 | type="submit" | 109 | type="submit" |
95 | label="Sign In" | 110 | label={intl.formatMessage(messages.signIn)} |
96 | /> | 111 | /> |
97 | </div> | 112 | </div> |
98 | </form> | 113 | </form> |
diff --git a/src/features/nightlyBuilds/Component.js b/src/features/nightlyBuilds/Component.js index 6e5941948..e43287db5 100644 --- a/src/features/nightlyBuilds/Component.js +++ b/src/features/nightlyBuilds/Component.js | |||
@@ -11,6 +11,7 @@ import { state as ModalState } from './store'; | |||
11 | import SettingsStore from '../../stores/SettingsStore'; | 11 | import SettingsStore from '../../stores/SettingsStore'; |
12 | import UIStore from '../../stores/UIStore'; | 12 | import UIStore from '../../stores/UIStore'; |
13 | import UserStore from '../../stores/UserStore'; | 13 | import UserStore from '../../stores/UserStore'; |
14 | import globalMessages from '../../i18n/globalMessages'; | ||
14 | 15 | ||
15 | const messages = defineMessages({ | 16 | const messages = defineMessages({ |
16 | title: { | 17 | title: { |
@@ -25,10 +26,6 @@ const messages = defineMessages({ | |||
25 | id: 'feature.nightlyBuilds.activate', | 26 | id: 'feature.nightlyBuilds.activate', |
26 | defaultMessage: '!!!Activate', | 27 | defaultMessage: '!!!Activate', |
27 | }, | 28 | }, |
28 | cancel: { | ||
29 | id: 'feature.nightlyBuilds.cancel', | ||
30 | defaultMessage: '!!!Cancel', | ||
31 | }, | ||
32 | }); | 29 | }); |
33 | 30 | ||
34 | const styles = () => ({ | 31 | const styles = () => ({ |
@@ -114,7 +111,7 @@ export default @injectSheet(styles) @inject('stores', 'actions') @observer class | |||
114 | /> | 111 | /> |
115 | <Button | 112 | <Button |
116 | type="button" | 113 | type="button" |
117 | label={intl.formatMessage(messages.cancel)} | 114 | label={intl.formatMessage(globalMessages.cancel)} |
118 | className={classes.button} | 115 | className={classes.button} |
119 | onClick={() => this.close()} | 116 | onClick={() => this.close()} |
120 | /> | 117 | /> |