2015-08-13 12:07:32 -07:00
|
|
|
// Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved.
|
|
|
|
|
// See License.txt for license information.
|
|
|
|
|
|
2015-08-31 11:31:55 -04:00
|
|
|
export default class FileUploadOverlay extends React.Component {
|
|
|
|
|
render() {
|
2015-08-14 10:00:24 -07:00
|
|
|
var overlayClass = 'file-overlay hidden';
|
2015-08-13 16:00:55 -07:00
|
|
|
if (this.props.overlayType === 'right') {
|
|
|
|
|
overlayClass += ' right-file-overlay';
|
|
|
|
|
} else if (this.props.overlayType === 'center') {
|
|
|
|
|
overlayClass += ' center-file-overlay';
|
|
|
|
|
}
|
|
|
|
|
|
2015-08-13 15:44:38 -07:00
|
|
|
return (
|
2015-08-13 16:00:55 -07:00
|
|
|
<div className={overlayClass}>
|
2015-08-13 15:44:38 -07:00
|
|
|
<div>
|
|
|
|
|
<i className='fa fa-upload'></i>
|
|
|
|
|
<span>Drop a file to upload it.</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
);
|
|
|
|
|
}
|
2015-08-31 11:31:55 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
FileUploadOverlay.propTypes = {
|
|
|
|
|
overlayType: React.PropTypes.string
|
|
|
|
|
};
|