Vulcan/packages/vulcan-core/lib/modules/components/App.jsx

49 lines
1.2 KiB
React
Raw Normal View History

2017-03-23 16:27:59 +09:00
import { Components, registerComponent, getSetting, Strings } from 'meteor/vulcan:lib';
2017-05-19 14:42:43 -06:00
import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
2017-06-01 11:42:30 +09:00
import { IntlProvider, intlShape} from 'meteor/vulcan:i18n';
import withCurrentUser from '../containers/withCurrentUser.js';
2017-06-01 11:42:30 +09:00
import { FormattedMessage } from 'meteor/vulcan:i18n';
2016-12-12 15:10:53 +09:00
2017-05-19 14:42:43 -06:00
class App extends PureComponent {
2016-03-24 18:17:35 +09:00
2016-06-09 17:42:20 +09:00
getLocale() {
2017-05-19 14:42:43 -06:00
return getSetting('locale', 'en');
2016-06-09 17:42:20 +09:00
}
getChildContext() {
2016-06-09 17:42:20 +09:00
2016-12-12 15:10:53 +09:00
const messages = Strings[this.getLocale()] || {};
2016-06-09 20:45:58 +09:00
const intlProvider = new IntlProvider({locale: this.getLocale()}, messages);
2017-05-19 14:42:43 -06:00
const { intl } = intlProvider.getChildContext();
2016-03-24 18:17:35 +09:00
return {
2016-06-09 17:42:20 +09:00
intl: intl
2016-03-24 18:17:35 +09:00
};
}
render() {
return (
2016-12-12 15:10:53 +09:00
<IntlProvider locale={this.getLocale()} messages={Strings[this.getLocale()]}>
<Components.Layout>
{ this.props.currentUserLoading ? <Components.Loading /> : this.props.children }
</Components.Layout>
</IntlProvider>
2017-05-19 14:42:43 -06:00
);
}
}
App.propTypes = {
currentUserLoading: PropTypes.bool,
}
App.childContextTypes = {
intl: intlShape,
}
App.displayName = 'App';
registerComponent('App', App, withCurrentUser);
export default App;