diff options
Diffstat (limited to 'src/components/settings/services/ServiceError.js')
-rw-r--r-- | src/components/settings/services/ServiceError.js | 26 |
1 files changed, 11 insertions, 15 deletions
diff --git a/src/components/settings/services/ServiceError.js b/src/components/settings/services/ServiceError.js index 3cfc080d6..d16d76db2 100644 --- a/src/components/settings/services/ServiceError.js +++ b/src/components/settings/services/ServiceError.js | |||
@@ -1,7 +1,7 @@ | |||
1 | import React, { Component } from 'react'; | 1 | import React, { Component } from 'react'; |
2 | import { observer } from 'mobx-react'; | 2 | import { observer } from 'mobx-react'; |
3 | import { Link } from 'react-router'; | 3 | import { Link } from 'react-router'; |
4 | import { defineMessages, intlShape } from 'react-intl'; | 4 | import { defineMessages, injectIntl } from 'react-intl'; |
5 | 5 | ||
6 | import Infobox from '../../ui/Infobox'; | 6 | import Infobox from '../../ui/Infobox'; |
7 | import Button from '../../ui/Button'; | 7 | import Button from '../../ui/Button'; |
@@ -9,29 +9,26 @@ import Button from '../../ui/Button'; | |||
9 | const messages = defineMessages({ | 9 | const messages = defineMessages({ |
10 | headline: { | 10 | headline: { |
11 | id: 'settings.service.error.headline', | 11 | id: 'settings.service.error.headline', |
12 | defaultMessage: '!!!Error', | 12 | defaultMessage: 'Error', |
13 | }, | 13 | }, |
14 | goBack: { | 14 | goBack: { |
15 | id: 'settings.service.error.goBack', | 15 | id: 'settings.service.error.goBack', |
16 | defaultMessage: '!!!Back to services', | 16 | defaultMessage: 'Back to services', |
17 | }, | 17 | }, |
18 | availableServices: { | 18 | availableServices: { |
19 | id: 'settings.service.form.availableServices', | 19 | id: 'settings.service.form.availableServices', |
20 | defaultMessage: '!!!Available services', | 20 | defaultMessage: 'Available services', |
21 | }, | 21 | }, |
22 | errorMessage: { | 22 | errorMessage: { |
23 | id: 'settings.service.error.message', | 23 | id: 'settings.service.error.message', |
24 | defaultMessage: '!!!Could not load service recipe.', | 24 | defaultMessage: 'Could not load service recipe.', |
25 | }, | 25 | }, |
26 | }); | 26 | }); |
27 | 27 | ||
28 | export default @observer class ServiceError extends Component { | 28 | @observer |
29 | static contextTypes = { | 29 | class ServiceError extends Component { |
30 | intl: intlShape, | ||
31 | }; | ||
32 | |||
33 | render() { | 30 | render() { |
34 | const { intl } = this.context; | 31 | const { intl } = this.props; |
35 | 32 | ||
36 | return ( | 33 | return ( |
37 | <div className="settings__main"> | 34 | <div className="settings__main"> |
@@ -47,10 +44,7 @@ export default @observer class ServiceError extends Component { | |||
47 | </span> | 44 | </span> |
48 | </div> | 45 | </div> |
49 | <div className="settings__body"> | 46 | <div className="settings__body"> |
50 | <Infobox | 47 | <Infobox type="danger" icon="alert"> |
51 | type="danger" | ||
52 | icon="alert" | ||
53 | > | ||
54 | {intl.formatMessage(messages.errorMessage)} | 48 | {intl.formatMessage(messages.errorMessage)} |
55 | </Infobox> | 49 | </Infobox> |
56 | </div> | 50 | </div> |
@@ -65,3 +59,5 @@ export default @observer class ServiceError extends Component { | |||
65 | ); | 59 | ); |
66 | } | 60 | } |
67 | } | 61 | } |
62 | |||
63 | export default injectIntl(ServiceError); | ||