diff --git a/app/gabsocial/features/ui/components/promo_panel.js b/app/gabsocial/features/ui/components/promo_panel.js index b33d4294c..04bc7d003 100644 --- a/app/gabsocial/features/ui/components/promo_panel.js +++ b/app/gabsocial/features/ui/components/promo_panel.js @@ -4,12 +4,16 @@ import { FormattedMessage } from 'react-intl'; import Icon from 'gabsocial/components/icon'; import ProBadge from 'gabsocial/components/pro_badge'; import { connect } from 'react-redux'; -import { promoItems } from '../../../initial_state'; -export default +const mapStateToProps = state => ({ + promoItems: state.getIn(['soapbox', 'promoPanel', 'items']), +}) + +export default @connect(mapStateToProps) class PromoPanel extends React.PureComponent { render() { + const { promoItems } = this.props; if (!promoItems) return null; return ( @@ -17,9 +21,9 @@ class PromoPanel extends React.PureComponent {
{promoItems.map((item, i) =>
- - - {item.text} + + + {item.get('text')}
)} diff --git a/public/soapbox/soapbox.json b/public/soapbox/soapbox.json index df5ce653e..561d8cff0 100644 --- a/public/soapbox/soapbox.json +++ b/public/soapbox/soapbox.json @@ -1,5 +1,16 @@ { "logo": "https://media.gleasonator.com/site_uploads/files/000/000/002/original/logo.svg", + "promoPanel": { + "items": [{ + "icon": "area-chart", + "text": "Our Site stats", + "url": "https://fediverse.network/example.com" + }, { + "icon": "comment-o", + "text": "Our Site blog", + "url": "https://blog.example.com" + }] + }, "extensions": { "patron": false }