diff options
Diffstat (limited to 'src/components/services/content/ServiceDisabled.js')
-rw-r--r-- | src/components/services/content/ServiceDisabled.js | 17 |
1 files changed, 8 insertions, 9 deletions
diff --git a/src/components/services/content/ServiceDisabled.js b/src/components/services/content/ServiceDisabled.js index d0f12256e..e59ed58bd 100644 --- a/src/components/services/content/ServiceDisabled.js +++ b/src/components/services/content/ServiceDisabled.js | |||
@@ -1,38 +1,35 @@ | |||
1 | import React, { Component } from 'react'; | 1 | import React, { Component } from 'react'; |
2 | import PropTypes from 'prop-types'; | 2 | import PropTypes from 'prop-types'; |
3 | import { observer } from 'mobx-react'; | 3 | import { observer } from 'mobx-react'; |
4 | import { defineMessages, intlShape } 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 | 7 | ||
8 | const messages = defineMessages({ | 8 | const messages = defineMessages({ |
9 | headline: { | 9 | headline: { |
10 | id: 'service.disabledHandler.headline', | 10 | id: 'service.disabledHandler.headline', |
11 | defaultMessage: '!!!{name} is disabled', | 11 | defaultMessage: '{name} is disabled', |
12 | }, | 12 | }, |
13 | action: { | 13 | action: { |
14 | id: 'service.disabledHandler.action', | 14 | id: 'service.disabledHandler.action', |
15 | defaultMessage: '!!!Enable {name}', | 15 | defaultMessage: 'Enable {name}', |
16 | }, | 16 | }, |
17 | }); | 17 | }); |
18 | 18 | ||
19 | export default @observer class ServiceDisabled extends Component { | 19 | @observer |
20 | class ServiceDisabled extends Component { | ||
20 | static propTypes = { | 21 | static propTypes = { |
21 | name: PropTypes.string.isRequired, | 22 | name: PropTypes.string.isRequired, |
22 | enable: PropTypes.func.isRequired, | 23 | enable: PropTypes.func.isRequired, |
23 | }; | 24 | }; |
24 | 25 | ||
25 | static contextTypes = { | ||
26 | intl: intlShape, | ||
27 | }; | ||
28 | |||
29 | countdownInterval = null; | 26 | countdownInterval = null; |
30 | 27 | ||
31 | countdownIntervalTimeout = 1000; | 28 | countdownIntervalTimeout = 1000; |
32 | 29 | ||
33 | render() { | 30 | render() { |
34 | const { name, enable } = this.props; | 31 | const { name, enable } = this.props; |
35 | const { intl } = this.context; | 32 | const { intl } = this.props; |
36 | 33 | ||
37 | return ( | 34 | return ( |
38 | <div className="services__info-layer"> | 35 | <div className="services__info-layer"> |
@@ -46,3 +43,5 @@ export default @observer class ServiceDisabled extends Component { | |||
46 | ); | 43 | ); |
47 | } | 44 | } |
48 | } | 45 | } |
46 | |||
47 | export default injectIntl(ServiceDisabled); | ||