diff --git a/packages/translated-components/src/index.js b/packages/translated-components/src/index.js index cd54465..9f79e81 100644 --- a/packages/translated-components/src/index.js +++ b/packages/translated-components/src/index.js @@ -40,7 +40,7 @@ const translated = ({ locale: props.locale || locale || defaultLocale, defaultLocale, reducer: templateReducer(templateParamValues(props, params)) - }))} + }), props)} /> ) }} diff --git a/packages/translated-components/test/translated-component-test.js b/packages/translated-components/test/translated-component-test.js index c362047..ef5f04e 100644 --- a/packages/translated-components/test/translated-component-test.js +++ b/packages/translated-components/test/translated-component-test.js @@ -210,4 +210,31 @@ describe('Translate', () => { assert(wrapper.text().includes(translations['en_AU'].two)) }) + + it('should execute a custom mapTranslationsToProps to provide interpolated translations, if it exists', () => { + const translations = { + en_AU: { + one: 'AUOne', + two: 'AUTwo' + }, + en_NZ: { + one: 'NZOne' + } + } + const mapTranslationsToProps = (translations, props) => { + return { + ...translations, + three: props.three + ' Extra info!' + } + } + const Dummy = (props) =>