@i-novus/ui-core
Version:
Базовые UI компоненты
18 lines (17 loc) • 1.33 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useCallback } from 'react';
import classNames from 'classnames';
import { Button } from '../../../general/Button';
import { useConfigProvider } from '../../../core';
import { Spin } from '../../../feedback/Spin';
import { Divider } from '../../../layout/Divider';
export const UploadInProgress = ({ file, prefix, onCancel }) => {
const { getPrefix } = useConfigProvider();
const prefixCls = getPrefix(prefix);
const onCancelLoadFile = useCallback(() => {
if (onCancel) {
onCancel(file);
}
}, [file, onCancel]);
return (_jsxs("div", { className: classNames(`${prefixCls}-file-list-item`, `${prefixCls}-file-list-item__progress`), children: [_jsx(Spin, { className: `${prefixCls}-file-list-item_spin` }), _jsx("span", { className: `${prefixCls}-file-list-item`, children: file.name }), _jsx(Divider, { variant: "vertical" }), _jsx("span", { className: `${prefixCls}-file-list-item_status`, children: "\u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442\u0441\u044F..." }), _jsx(Button, { className: classNames(`${prefixCls}-file-list-item_button`, `${prefixCls}-file-list-item_action`), variant: "link", onClick: onCancelLoadFile, children: "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C" })] }));
};