1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 01:39:44 +01:00
metamask-extension/ui/contexts/i18n.js
2021-04-28 14:53:59 -05:00

62 lines
1.4 KiB
JavaScript

import React, { Component, createContext, useMemo } from 'react';
import PropTypes from 'prop-types';
import { useSelector } from 'react-redux';
import { getMessage } from '../helpers/utils/i18n-helper';
import { getCurrentLocale } from '../ducks/metamask/metamask';
import {
getCurrentLocaleMessages,
getEnLocaleMessages,
} from '../ducks/locale/locale';
export const I18nContext = createContext((key) => `[${key}]`);
export const I18nProvider = (props) => {
const currentLocale = useSelector(getCurrentLocale);
const current = useSelector(getCurrentLocaleMessages);
const en = useSelector(getEnLocaleMessages);
const t = useMemo(() => {
return (key, ...args) =>
getMessage(currentLocale, current, key, ...args) ||
getMessage(currentLocale, en, key, ...args);
}, [currentLocale, current, en]);
return (
<I18nContext.Provider value={t}>{props.children}</I18nContext.Provider>
);
};
I18nProvider.propTypes = {
children: PropTypes.node,
};
I18nProvider.defaultProps = {
children: undefined,
};
export class LegacyI18nProvider extends Component {
static propTypes = {
children: PropTypes.node,
};
static defaultProps = {
children: undefined,
};
static contextType = I18nContext;
static childContextTypes = {
t: PropTypes.func,
};
getChildContext() {
return {
t: this.context,
};
}
render() {
return this.props.children;
}
}