onion/js/components/whitelabel/wallet/components/market/market_buttons/market_acl_button_list.js

'use strict';

import React from 'react';

import MarketSubmitButton from './market_submit_button';

import DeleteButton from '../../../../../ascribe_buttons/delete_button';
import EmailButton from '../../../../../ascribe_buttons/acls/email_button';
import TransferButton from '../../../../../ascribe_buttons/acls/transfer_button';
import UnconsignButton from '../../../../../ascribe_buttons/acls/unconsign_button';

import UserActions from '../../../../../../actions/user_actions';
import UserStore from '../../../../../../stores/user_store';

let MarketAclButtonList = React.createClass({
    propTypes: {
        availableAcls: React.PropTypes.object.isRequired,
        className: React.PropTypes.string,
        pieceOrEditions: React.PropTypes.array,
        handleSuccess: React.PropTypes.func,
        children: React.PropTypes.oneOfType([
            React.PropTypes.arrayOf(React.PropTypes.element),
            React.PropTypes.element
        ])
    },

    getInitialState() {
        return UserStore.getState();
    },

    componentDidMount() {
        UserStore.listen(this.onChange);
        UserActions.fetchCurrentUser.defer();
    },

    componentWillUnmount() {
        UserStore.unlisten(this.onChange);
    },

    onChange(state) {
        this.setState(state);
    },

    render() {
        let { availableAcls, className, pieceOrEditions, handleSuccess } = this.props;
        return (
            <div className={className}>
                <MarketSubmitButton
                    availableAcls={availableAcls}
                    currentUser={this.state.currentUser}
                    editions={pieceOrEditions}
                    handleSuccess={handleSuccess} />
                <EmailButton
                    availableAcls={availableAcls}
                    currentUser={this.state.currentUser}
                    pieceOrEditions={pieceOrEditions}
                    handleSuccess={handleSuccess} />
                <TransferButton
                    availableAcls={availableAcls}
                    currentUser={this.state.currentUser}
                    pieceOrEditions={pieceOrEditions}
                    handleSuccess={handleSuccess} />
                <UnconsignButton
                    availableAcls={availableAcls}
                    currentUser={this.state.currentUser}
                    pieceOrEditions={pieceOrEditions}
                    handleSuccess={handleSuccess} />
                {this.props.children}
            </div>
        );
    }
});

export default MarketAclButtonList;