diff --git a/app/soapbox/features/ui/components/promo_panel.js b/app/soapbox/features/ui/components/promo_panel.js index 08311346c..38b242738 100644 --- a/app/soapbox/features/ui/components/promo_panel.js +++ b/app/soapbox/features/ui/components/promo_panel.js @@ -1,22 +1,26 @@ import React from 'react'; +import PropTypes from 'prop-types'; import ImmutablePropTypes from 'react-immutable-proptypes'; import Icon from 'soapbox/components/icon'; import { connect } from 'react-redux'; +import { getSettings } from 'soapbox/actions/settings'; import { getSoapboxConfig } from 'soapbox/actions/soapbox'; const mapStateToProps = state => ({ promoItems: getSoapboxConfig(state).getIn(['promoPanel', 'items']), + locale: getSettings(state).get('locale'), }); export default @connect(mapStateToProps) class PromoPanel extends React.PureComponent { static propTypes = { + locale: PropTypes.string, promoItems: ImmutablePropTypes.list, } render() { - const { promoItems } = this.props; + const { locale, promoItems } = this.props; if (!promoItems) return null; return ( @@ -25,7 +29,7 @@ class PromoPanel extends React.PureComponent { {promoItems.map((item, i) => ( - {item.get('text')} + {item.getIn(['textLocales', locale]) || item.get('text')} ), )}