blob: e3314157656742e980482c8c16a4264765220702 (
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
|
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';
export default @inject('stores') @observer class I18N extends Component {
componentDidUpdate() {
window.franz.menu.rebuild();
}
render() {
const { stores, children } = this.props;
const { locale } = stores.app;
return (
<IntlProvider
{...{ locale, key: locale, messages: translations[locale] }}
ref={(intlProvider) => { window.franz.intl = intlProvider ? intlProvider.getChildContext().intl : null; }}
>
{children}
</IntlProvider>
);
}
}
I18N.wrappedComponent.propTypes = {
stores: PropTypes.shape({
user: PropTypes.instanceOf(UserStore).isRequired,
}).isRequired,
children: oneOrManyChildElements.isRequired,
};
|