onion/js/components/ascribe_table/table_header_item_carret.js

import React from 'react';

let TableHeaderItemCarret = React.createClass({
    propTypes: {
        orderAsc: React.PropTypes.bool.isRequired
    },

    render() {
        let carretDirection = 'glyphicon-triangle-';

        if(this.props.orderAsc) {
            carretDirection += 'bottom';
        } else {
            carretDirection += 'top';
        }

        return (
            <span className={'glyphicon ' + carretDirection}>
            </span>
        );
    }
});

export default TableHeaderItemCarret;