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/basicAuth | |
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/basicAuth')
-rw-r--r-- | src/features/basicAuth/Component.js | 21 |
1 files changed, 18 insertions, 3 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> |