59 lines
1.4 KiB
JavaScript
59 lines
1.4 KiB
JavaScript
import React from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import { connect } from 'react-redux'
|
|
import ImmutablePropTypes from 'react-immutable-proptypes'
|
|
import ImmutablePureComponent from 'react-immutable-pure-component'
|
|
import isObject from 'lodash.isobject'
|
|
import { BREAKPOINT_EXTRA_SMALL } from '../constants'
|
|
import ColumnIndicator from '../components/column_indicator'
|
|
import Responsive from './ui/util/responsive_component'
|
|
import Bundle from '../features/ui/util/bundle'
|
|
import {
|
|
GroupInfoPanel
|
|
} from '../features/ui/util/async_components'
|
|
|
|
const mapStateToProps = (state, { params }) => {
|
|
const groupId = isObject(params) ? params['id'] : null
|
|
const group = state.getIn(['groups', groupId])
|
|
|
|
return { group }
|
|
}
|
|
|
|
export default
|
|
@connect(mapStateToProps)
|
|
class GroupAbout extends ImmutablePureComponent {
|
|
|
|
static contextTypes = {
|
|
router: PropTypes.object
|
|
}
|
|
|
|
static propTypes = {
|
|
group: ImmutablePropTypes.map,
|
|
}
|
|
|
|
render() {
|
|
const { group } = this.props
|
|
|
|
return (
|
|
<div className={[_s.d, _s.w100PC].join(' ')}>
|
|
<Responsive min={BREAKPOINT_EXTRA_SMALL}>
|
|
<ColumnIndicator type='missing' />
|
|
</Responsive>
|
|
<Responsive max={BREAKPOINT_EXTRA_SMALL}>
|
|
<Bundle
|
|
fetchComponent={GroupInfoPanel}
|
|
loading={this.renderLoading}
|
|
error={this.renderError}
|
|
renderDelay={150}
|
|
>
|
|
{
|
|
(Component) => <Component group={group} />
|
|
}
|
|
</Bundle>
|
|
</Responsive>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
}
|