add 'polyglotScope' prop to translated component. about redux-polyglot HOT 4 OPEN

import React from 'react';
import { compose } from 'redux';
import { connect } from 'react-redux';
import { translate } from 'redux-polyglot/translate';
// soon : import translate from 'react-redux-polyglot';
import { getCurrentBiz } from '../selectors';

const DummyTitle = ({ p }) => <p>{ p.tc('title') }</p>

const connectTranslated = compose(
    connect(state => ({ polyglotScope: `catalog.${getCurrentBiz(state)}` }))
    translate(), // according to #48
);
const TranslatedDummyTitle = connectTranslated(DummyTitle);

// with this phrases loaded :
const phrases = {
    catalog: {
        hotel: {
            title: 'Hotel lists'
        },
        fly: {
            title: 'Fly lists'
        }
    }
};
// then, just simply render TranslatedDummyTitle without any props.