diff --git a/app/soapbox/features/public_layout/components/footer.js b/app/soapbox/features/public_layout/components/footer.js index d34248bc4..1c6d38354 100644 --- a/app/soapbox/features/public_layout/components/footer.js +++ b/app/soapbox/features/public_layout/components/footer.js @@ -5,6 +5,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes'; import ImmutablePureComponent from 'react-immutable-pure-component'; import { Link } from 'react-router-dom'; import { List as ImmutableList } from 'immutable'; +import { getSettings } from 'soapbox/actions/settings'; import { getSoapboxConfig } from 'soapbox/actions/soapbox'; const mapStateToProps = (state, props) => { @@ -13,6 +14,7 @@ const mapStateToProps = (state, props) => { return { copyright: soapboxConfig.get('copyright'), navlinks: soapboxConfig.getIn(['navlinks', 'homeFooter'], ImmutableList()), + locale: getSettings(state).get('locale'), }; }; @@ -21,11 +23,12 @@ class Footer extends ImmutablePureComponent { static propTypes = { copyright: PropTypes.string, + locale: PropTypes.string, navlinks: ImmutablePropTypes.list, } render() { - const { copyright, navlinks } = this.props; + const { copyright, locale, navlinks } = this.props; return (
@@ -36,7 +39,9 @@ class Footer extends ImmutablePureComponent { 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')} ), )}