mirror of https://github.com/trezor/trezor-wallet
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.
91 lines
2.1 KiB
91 lines
2.1 KiB
/* @flow */
|
|
import * as React from 'react';
|
|
import { connect } from 'react-redux';
|
|
|
|
import type { State } from 'flowtype';
|
|
|
|
import { IntlProvider, addLocaleData } from 'react-intl';
|
|
|
|
import en from 'react-intl/locale-data/en';
|
|
import cs from 'react-intl/locale-data/cs';
|
|
import bn from 'react-intl/locale-data/bn';
|
|
import de from 'react-intl/locale-data/de';
|
|
import el from 'react-intl/locale-data/el';
|
|
import es from 'react-intl/locale-data/es';
|
|
import fr from 'react-intl/locale-data/fr';
|
|
import id from 'react-intl/locale-data/id';
|
|
import it from 'react-intl/locale-data/it';
|
|
import ja from 'react-intl/locale-data/ja';
|
|
import nl from 'react-intl/locale-data/nl';
|
|
import pl from 'react-intl/locale-data/pl';
|
|
import pt from 'react-intl/locale-data/pt';
|
|
import ru from 'react-intl/locale-data/ru';
|
|
import uk from 'react-intl/locale-data/uk';
|
|
import zh from 'react-intl/locale-data/zh';
|
|
|
|
addLocaleData([
|
|
...en,
|
|
...cs,
|
|
...bn,
|
|
...de,
|
|
...el,
|
|
...es,
|
|
...fr,
|
|
...id,
|
|
...it,
|
|
...ja,
|
|
...nl,
|
|
...pl,
|
|
...pt,
|
|
...ru,
|
|
...uk,
|
|
...zh,
|
|
]);
|
|
|
|
type OwnProps = {|
|
|
children: React.Node,
|
|
|};
|
|
|
|
type StateProps = {|
|
|
locale: string,
|
|
messages: { [string]: string },
|
|
|};
|
|
|
|
type Props = {|
|
|
...OwnProps,
|
|
...StateProps,
|
|
|};
|
|
|
|
export type MessageDescriptor = {
|
|
// A unique, stable identifier for the message
|
|
id: string,
|
|
// The default message (probably in English)
|
|
defaultMessage: string,
|
|
// Context for the translator about how it's used in the UI
|
|
description?: string,
|
|
values?: { [key: string]: any },
|
|
};
|
|
|
|
export type Messages = {
|
|
[key: string]: MessageDescriptor,
|
|
};
|
|
|
|
const mapStateToProps = (state: State): StateProps => ({
|
|
locale: state.wallet.language,
|
|
messages: state.wallet.messages,
|
|
});
|
|
|
|
const ReactIntlProvider = ({ children, locale, messages }: Props) => (
|
|
<IntlProvider
|
|
locale={locale}
|
|
messages={messages}
|
|
key={locale} // forces rerender IntlProvider when lang file is downloaded
|
|
>
|
|
{children}
|
|
</IntlProvider>
|
|
);
|
|
|
|
export default connect<Props, OwnProps, StateProps, _, State, _>(mapStateToProps)(
|
|
ReactIntlProvider
|
|
);
|