21937d9e09
• Added: - promotions to redux - selector for setting promotions if not PRO • Updated: - StatusList, SidebarPanelGroup to use promotions from redux
75 lines
2.1 KiB
JavaScript
75 lines
2.1 KiB
JavaScript
import React from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import { connect } from 'react-redux'
|
|
import { me } from '../initial_state'
|
|
import { getPromotions } from '../selectors'
|
|
import Bundle from '../features/ui/util/bundle'
|
|
import WrappedBundle from '../features/ui/util/wrapped_bundle'
|
|
import {
|
|
StatusPromotionPanel
|
|
} from '../features/ui/util/async_components'
|
|
|
|
class SidebarPanelGroup extends React.PureComponent {
|
|
|
|
render() {
|
|
const {
|
|
layout,
|
|
page,
|
|
promotions,
|
|
} = this.props
|
|
|
|
if (!!promotions && promotions.count() > 0 && Array.isArray(layout) && !!me) {
|
|
const sidebarPromotionPageId = `${page}.sidebar`
|
|
const promotion = promotions.find((p) => p.get('timeline_id') === sidebarPromotionPageId)
|
|
|
|
if (!!promotion) {
|
|
const correctedPosition = promotion.get('position') - 1 > layout.length ? layout.length - 1 : promotion.get('position')
|
|
if (!layout.find(p => p.key === 'status-promotion-panel')) {
|
|
layout.splice(correctedPosition, 0, <WrappedBundle key='status-promotion-panel' component={StatusPromotionPanel} componentParams={{ statusId: promotion.get('status_id') }} />)
|
|
}
|
|
}
|
|
}
|
|
|
|
if (!Array.isArray(layout)) return null
|
|
|
|
return (
|
|
<React.Fragment>
|
|
{
|
|
layout.map((panel) => {
|
|
if (!panel) return null
|
|
|
|
if (typeof panel !== 'function' || panel.key === 'status-promotion-panel') {
|
|
return panel
|
|
}
|
|
|
|
return (
|
|
<Bundle
|
|
fetchComponent={panel}
|
|
loading={this.renderLoading}
|
|
error={this.renderError}
|
|
renderDelay={150}
|
|
>
|
|
{
|
|
(Component) => <Component />
|
|
}
|
|
</Bundle>
|
|
)
|
|
})
|
|
}
|
|
</React.Fragment>
|
|
)
|
|
}
|
|
|
|
}
|
|
|
|
const mapStateToProps = (state) => ({
|
|
promotions: getPromotions()(state)
|
|
})
|
|
|
|
SidebarPanelGroup.propTypes = {
|
|
layout: PropTypes.array.isRequired,
|
|
page: PropTypes.string.isRequired,
|
|
promotion: PropTypes.object,
|
|
}
|
|
|
|
export default connect(mapStateToProps)(SidebarPanelGroup) |