You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
1.6 KiB
65 lines
1.6 KiB
const { Component } = require('react')
|
|
const connect = require('react-redux').connect
|
|
const PropTypes = require('prop-types')
|
|
const { withRouter } = require('react-router-dom')
|
|
const { compose } = require('recompose')
|
|
const t = require('../utils/i18n-helper').getMessage
|
|
|
|
class I18nProvider extends Component {
|
|
tOrDefault = (key, defaultValue, ...args) => {
|
|
const { localeMessages: { current, en } = {} } = this.props
|
|
return t(current, key, ...args) || t(en, key, ...args) || defaultValue
|
|
}
|
|
|
|
getChildContext () {
|
|
const { localeMessages } = this.props
|
|
const { current, en } = localeMessages
|
|
return {
|
|
/**
|
|
* Returns a localized message for the given key
|
|
* @param {string} key The message key
|
|
* @param {string[]} args A list of message substitution replacements
|
|
* @return {string|undefined|null} The localized message if available
|
|
*/
|
|
t (key, ...args) {
|
|
if (key === undefined || key === null) {
|
|
return key
|
|
}
|
|
|
|
return t(current, key, ...args) || t(en, key, ...args) || `[${key}]`
|
|
},
|
|
tOrDefault: this.tOrDefault,
|
|
tOrKey: (key, ...args) => {
|
|
return this.tOrDefault(key, key, ...args)
|
|
},
|
|
}
|
|
}
|
|
|
|
render () {
|
|
return this.props.children
|
|
}
|
|
}
|
|
|
|
I18nProvider.propTypes = {
|
|
localeMessages: PropTypes.object,
|
|
children: PropTypes.object,
|
|
}
|
|
|
|
I18nProvider.childContextTypes = {
|
|
t: PropTypes.func,
|
|
tOrDefault: PropTypes.func,
|
|
tOrKey: PropTypes.func,
|
|
}
|
|
|
|
const mapStateToProps = state => {
|
|
const { localeMessages } = state
|
|
return {
|
|
localeMessages,
|
|
}
|
|
}
|
|
|
|
module.exports = compose(
|
|
withRouter,
|
|
connect(mapStateToProps)
|
|
)(I18nProvider)
|
|
|
|
|