aurora-topu
Version:
React component library
24 lines (23 loc) • 1.44 kB
JavaScript
import React from 'react';
import AuroraIcon from '../AuroraIcon/AuroraIcon';
import './_style.scss';
var UploadList = function (props) {
var fileList = props.fileList, onRemove = props.onRemove;
return (React.createElement("ul", { className: "viking-upload-list" }, fileList.map(function (item) {
return (React.createElement("li", { className: "vikinh-upload-list-item", key: item.uid },
React.createElement("span", { className: "file-name file-name-".concat(item.status) },
React.createElement(AuroraIcon, { icon: "file-alt", theme: 'secondary' }),
item.name),
React.createElement("span", { className: "file-status" },
(item.status === 'uploading' || item.status === 'ready') && (React.createElement(AuroraIcon, { icon: "spinner", spin: true, theme: 'primary' })),
item.status === 'success' &&
React.createElement(AuroraIcon, { icon: 'check-circle', theme: 'success' }),
item.status === 'error' &&
React.createElement(AuroraIcon, { icon: 'times-circle', theme: 'danger' })),
React.createElement("span", { className: 'file-actions' },
React.createElement(AuroraIcon, { icon: 'times', onClick: function () {
onRemove(item);
} }))));
})));
};
export default React.memo(UploadList);