@bigfishtv/cockpit/src/components/asset/AssetUploading.js

import React, { Component } from 'react'

import ImageCell from '../asset/ImageCell'

/**
 * Is effectively a dumb asset cell that receives and displays upload progress
 */
export default class AssetUploading extends Component {
	static defaultProps = {
		asset: {},
		percent: 0,
	}

	render() {
		const { asset, percent, ...rest } = this.props
		return (
			<div className="image-uploading">
				<div className="image-uploading-overlay">
					<div className="image-uploading-overlay-content">
						<progress value={percent} max="100">
							{percent + ' %'}
						</progress>
					</div>
				</div>
				{asset && asset.kind == 'image' && <ImageCell {...rest} {...asset} />}
			</div>
		)
	}
}