import { connect } from 'react-redux'; import PureRenderMixin from 'react-addons-pure-render-mixin'; import ImmutablePropTypes from 'react-immutable-proptypes'; import { fetchAccount, followAccount, unfollowAccount, blockAccount, unblockAccount, fetchAccountTimeline, expandAccountTimeline } from '../../actions/accounts'; import { mentionCompose } from '../../actions/compose'; import Header from './components/header'; import { getAccountTimeline, makeGetAccount } from '../../selectors'; import LoadingIndicator from '../../components/loading_indicator'; import ActionBar from './components/action_bar'; import Column from '../ui/components/column'; import ColumnBackButton from '../../components/column_back_button'; import { isMobile } from '../../is_mobile' const makeMapStateToProps = () => { const getAccount = makeGetAccount(); const mapStateToProps = (state, props) => ({ account: getAccount(state, Number(props.params.accountId)), me: state.getIn(['meta', 'me']) }); return mapStateToProps; }; const Account = React.createClass({ contextTypes: { router: React.PropTypes.object }, propTypes: { params: React.PropTypes.object.isRequired, dispatch: React.PropTypes.func.isRequired, account: ImmutablePropTypes.map, me: React.PropTypes.number.isRequired, children: React.PropTypes.node }, mixins: [PureRenderMixin], componentWillMount () { this.props.dispatch(fetchAccount(Number(this.props.params.accountId))); }, componentWillReceiveProps (nextProps) { if (nextProps.params.accountId !== this.props.params.accountId && nextProps.params.accountId) { this.props.dispatch(fetchAccount(Number(nextProps.params.accountId))); } }, handleFollow () { if (this.props.account.getIn(['relationship', 'following'])) { this.props.dispatch(unfollowAccount(this.props.account.get('id'))); } else { this.props.dispatch(followAccount(this.props.account.get('id'))); } }, handleBlock () { if (this.props.account.getIn(['relationship', 'blocking'])) { this.props.dispatch(unblockAccount(this.props.account.get('id'))); } else { this.props.dispatch(blockAccount(this.props.account.get('id'))); } }, handleMention () { this.props.dispatch(mentionCompose(this.props.account)); if (isMobile(window.innerWidth)) { this.context.router.push('/statuses/new'); } }, render () { const { account, me } = this.props; if (account === null) { return ( ); } return (
{this.props.children} ); } }); export default connect(makeMapStateToProps)(Account);