diff options
Diffstat (limited to 'src/components/services/content/ConnectionLostBanner.js')
-rw-r--r-- | src/components/services/content/ConnectionLostBanner.js | 16 |
1 files changed, 6 insertions, 10 deletions
diff --git a/src/components/services/content/ConnectionLostBanner.js b/src/components/services/content/ConnectionLostBanner.js index ebe863333..423edb3c7 100644 --- a/src/components/services/content/ConnectionLostBanner.js +++ b/src/components/services/content/ConnectionLostBanner.js | |||
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'; | |||
3 | import { observer } from 'mobx-react'; | 3 | import { observer } from 'mobx-react'; |
4 | import injectSheet from 'react-jss'; | 4 | import injectSheet from 'react-jss'; |
5 | import { Icon } from '@meetfranz/ui'; | 5 | import { Icon } from '@meetfranz/ui'; |
6 | import { intlShape, defineMessages } from 'react-intl'; | 6 | import { defineMessages, injectIntl } from 'react-intl'; |
7 | 7 | ||
8 | import { mdiAlert } from '@mdi/js'; | 8 | import { mdiAlert } from '@mdi/js'; |
9 | import { LIVE_API_FERDI_WEBSITE } from '../../../config'; | 9 | import { LIVE_API_FERDI_WEBSITE } from '../../../config'; |
@@ -12,15 +12,15 @@ import { LIVE_API_FERDI_WEBSITE } from '../../../config'; | |||
12 | const messages = defineMessages({ | 12 | const messages = defineMessages({ |
13 | text: { | 13 | text: { |
14 | id: 'connectionLostBanner.message', | 14 | id: 'connectionLostBanner.message', |
15 | defaultMessage: '!!!Oh no! Ferdi lost the connection to {name}.', | 15 | defaultMessage: 'Oh no! Ferdi lost the connection to {name}.', |
16 | }, | 16 | }, |
17 | moreInformation: { | 17 | moreInformation: { |
18 | id: 'connectionLostBanner.informationLink', | 18 | id: 'connectionLostBanner.informationLink', |
19 | defaultMessage: '!!!What happened?', | 19 | defaultMessage: 'What happened?', |
20 | }, | 20 | }, |
21 | cta: { | 21 | cta: { |
22 | id: 'connectionLostBanner.cta', | 22 | id: 'connectionLostBanner.cta', |
23 | defaultMessage: '!!!Reload Service', | 23 | defaultMessage: 'Reload Service', |
24 | }, | 24 | }, |
25 | }); | 25 | }); |
26 | 26 | ||
@@ -78,16 +78,12 @@ class ConnectionLostBanner extends Component { | |||
78 | reload: PropTypes.func.isRequired, | 78 | reload: PropTypes.func.isRequired, |
79 | }; | 79 | }; |
80 | 80 | ||
81 | static contextTypes = { | ||
82 | intl: intlShape, | ||
83 | }; | ||
84 | |||
85 | inputRef = React.createRef(); | 81 | inputRef = React.createRef(); |
86 | 82 | ||
87 | render() { | 83 | render() { |
88 | const { classes, name, reload } = this.props; | 84 | const { classes, name, reload } = this.props; |
89 | 85 | ||
90 | const { intl } = this.context; | 86 | const { intl } = this.props; |
91 | 87 | ||
92 | return ( | 88 | return ( |
93 | <div className={classes.root}> | 89 | <div className={classes.root}> |
@@ -110,4 +106,4 @@ class ConnectionLostBanner extends Component { | |||
110 | } | 106 | } |
111 | } | 107 | } |
112 | 108 | ||
113 | export default ConnectionLostBanner; | 109 | export default injectIntl(ConnectionLostBanner); |