blob: 6fb4cdc61e5a2e318be931a2a9888c2e71293ead (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
|
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { inject, observer } from 'mobx-react';
import { IntlProvider } from 'react-intl';
import { oneOrManyChildElements } from './prop-types';
import translations from './i18n/translations';
import UserStore from './stores/UserStore';
import AppStore from './stores/AppStore';
@inject('stores')
@observer
class I18N extends Component {
componentDidUpdate() {
window.ferdi.menu.rebuild();
}
render() {
const { stores, children } = this.props;
const { locale } = stores.app;
return (
<IntlProvider
{...{ locale, key: locale, messages: translations[locale] }}
ref={intlProvider => {
window.ferdi.intl = intlProvider ? intlProvider.state.intl : null;
}}
>
{children}
</IntlProvider>
);
}
}
I18N.wrappedComponent.propTypes = {
stores: PropTypes.shape({
app: PropTypes.instanceOf(AppStore).isRequired,
user: PropTypes.instanceOf(UserStore).isRequired,
}).isRequired,
children: oneOrManyChildElements.isRequired,
};
export default I18N;
|