onion/js/components/acl_button.js

import React from 'react';

import AppConstants from '../constants/application_constants';

let AclButton = React.createClass({
    propTypes: {
        action: React.PropTypes.oneOf(AppConstants.aclList).isRequired,
        availableAcls: React.PropTypes.array.isRequired,
        actionFunction: React.PropTypes.func.isRequired
    },

    actionFunction() {
        this.props.actionFunction(this.props.action);
    },

    render() {
        let shouldDisplay = this.props.availableAcls.indexOf(this.props.action) > -1;
        return (
            <button 
                type="button" 
                className={shouldDisplay ? 'btn btn-default btn-sm' : 'hidden'}
                onClick={this.actionFunction}>
                {this.props.action.toUpperCase()}
            </button>
        );
    }
});

export default AclButton;