onion/js/components/ascribe_buttons/acl_button_list.js

import React from 'react';

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

import AclButton from '../ascribe_buttons/acl_button';

let AclButtonList = React.createClass({
    getInitialState() {
        return UserStore.getState();
    },

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

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

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

    render() {
        return (
            <div className="text-center">
                <AclButton
                    availableAcls={this.props.availableAcls}
                    action="transfer"
                    editions={this.props.editions}
                    currentUser={this.state.currentUser}
                    handleSuccess={this.props.handleSuccess} />
                <AclButton
                    availableAcls={this.props.availableAcls}
                    action="consign"
                    editions={this.props.editions}
                    currentUser={this.state.currentUser}
                    handleSuccess={this.props.handleSuccess} />
                <AclButton
                    availableAcls={this.props.availableAcls}
                    action="loan"
                    editions={this.props.editions}
                    currentUser={this.state.currentUser}
                    handleSuccess={this.props.handleSuccess} />
                <AclButton
                    availableAcls={this.props.availableAcls}
                    action="share"
                    editions={this.props.editions}
                    currentUser={this.state.currentUser}
                    handleSuccess={this.props.handleSuccess} />
            </div>
        );
    }
});

export default AclButtonList;