mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-01 21:57:06 +01:00
f100d753cf
Any missing messages in the `en` locale are now reported to Sentry as errors. They are printed to the console as an error upon the first encounter as well. If a missing message is found during e2e testing, the error is thrown. This will likely break the e2e test even if it isn't looking for console errors, as the UI with the missing message will fail to render. The `tOrDefault` method was updated to no longer attempt looking for messages with a key that is a falsey value (e.g. `undefined`). There are a few places where they key is determined dynamically, where it's expected during the normal flow for it to be `undefined` sometimes. In these cases we don't want the error to be thrown.
67 lines
1.8 KiB
JavaScript
67 lines
1.8 KiB
JavaScript
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 { getMessage } = require('../utils/i18n-helper')
|
|
|
|
class I18nProvider extends Component {
|
|
tOrDefault = (key, defaultValue, ...args) => {
|
|
if (!key) {
|
|
return defaultValue
|
|
}
|
|
const { localeMessages: { current, en } = {}, currentLocale } = this.props
|
|
return getMessage(currentLocale, current, key, ...args) || getMessage(currentLocale, en, key, ...args) || defaultValue
|
|
}
|
|
|
|
getChildContext () {
|
|
const { localeMessages, currentLocale } = 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) {
|
|
return getMessage(currentLocale, current, key, ...args) || getMessage(currentLocale, 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,
|
|
currentLocale: PropTypes.string,
|
|
children: PropTypes.object,
|
|
}
|
|
|
|
I18nProvider.childContextTypes = {
|
|
t: PropTypes.func,
|
|
tOrDefault: PropTypes.func,
|
|
tOrKey: PropTypes.func,
|
|
}
|
|
|
|
const mapStateToProps = state => {
|
|
const { localeMessages, metamask: { currentLocale } } = state
|
|
return {
|
|
currentLocale,
|
|
localeMessages,
|
|
}
|
|
}
|
|
|
|
module.exports = compose(
|
|
withRouter,
|
|
connect(mapStateToProps)
|
|
)(I18nProvider)
|
|
|