onion/js/components/ascribe_uploader/file_drag_and_drop_preview_other.js

'use strict';

import React from 'react';
import ProgressBar from 'react-progressbar';

let FileDragAndDropPreviewOther = React.createClass({
    propTypes: {
        type: React.PropTypes.string,
        progress: React.PropTypes.number,
        onClick: React.PropTypes.func
    },

    render() {
        return (
            <div
                
                className="file-drag-and-drop-preview">
                <ProgressBar completed={this.props.progress} color="black"/>
                <div className="file-drag-and-drop-preview-table-wrapper">
                    <div className="file-drag-and-drop-preview-other">
                        <span
                            className="glyphicon glyphicon-remove delete-file"
                            aria-hidden="true"
                            title="Delete"
                            onClick={this.props.onClick}>
                        </span>
                        <span>{'.' + this.props.type}</span>
                    </div>
                </div>
            </div>
        );
    }
});

export default FileDragAndDropPreviewOther;