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 {
{navlinks.map((link, i) => (
-
- {link.get('title')}
+
+ {link.getIn(['titleLocales', locale]) || link.get('title')}
+
))}
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')}
),
)}