diff --git a/src/components/SearchMap/ReusableMapContainer.js b/src/components/SearchMap/ReusableMapContainer.js index cbfdd49c..0e2f669b 100644 --- a/src/components/SearchMap/ReusableMapContainer.js +++ b/src/components/SearchMap/ReusableMapContainer.js @@ -1,9 +1,8 @@ import React from 'react'; import ReactDOM from 'react-dom'; -import { node, string } from 'prop-types'; +import { node, string, object } from 'prop-types'; import mapValues from 'lodash/mapValues'; import { IntlProvider } from 'react-intl'; -import messages from '../../translations/en.json'; import config from '../../config'; import css from './SearchMap.css'; @@ -62,6 +61,7 @@ class ReusableMapContainer extends React.Component { const renderChildren = () => { const isTestEnv = process.env.NODE_ENV === 'test'; + const messages = this.props.messages; // Locale should not affect the tests. We ensure this by providing // messages with the key as the value of each message. const testMessages = mapValues(messages, (val, key) => key); @@ -128,6 +128,7 @@ ReusableMapContainer.propTypes = { children: node.isRequired, className: string, reusableMapHiddenHandle: string.isRequired, + messages: object.isRequired, }; export default ReusableMapContainer; diff --git a/src/components/SearchMap/SearchMap.js b/src/components/SearchMap/SearchMap.js index 3c7a4b6c..d1317cf8 100644 --- a/src/components/SearchMap/SearchMap.js +++ b/src/components/SearchMap/SearchMap.js @@ -125,6 +125,7 @@ export class SearchMapComponent extends Component { zoom, mapsConfig, activeListingId, + messages, } = this.props; const classes = classNames(rootClassName || css.root, className); @@ -169,6 +170,7 @@ export class SearchMapComponent extends Component { className={reusableContainerClassName} reusableMapHiddenHandle={REUSABLE_MAP_HIDDEN_HANDLE} onReattach={forceUpdateHandler} + messages={messages} > { onManageDisableScrolling('SearchPage.map', false); }} + messages={intl.messages} /> ) : null}