@i-novus/ui-core
Version:
Базовые UI компоненты
15 lines (14 loc) • 1.46 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 { Icon } from '../../Icon';
export const UploadError = ({ file, prefix, onRemove }) => {
const { getPrefix } = useConfigProvider();
const prefixCls = getPrefix(prefix);
const onRemoveFile = useCallback(() => {
onRemove(file);
}, [file, onRemove]);
return (_jsxs("div", { className: `${prefixCls}-file-list-item_wrapper`, children: [_jsxs("div", { className: classNames(`${prefixCls}-file-list-item`, `${prefixCls}-file-list-item__error`), children: [_jsx(Icon, { className: classNames(`${prefixCls}-file-list-item_icon`, `${prefixCls}-file-list-item_icon__error`), icon: "format-error" }), _jsx("span", { className: `${prefixCls}-file-list-item`, children: "\u041E\u0448\u0438\u0431\u043A\u0430 \u043F\u0440\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0435 \u0444\u0430\u0439\u043B\u0430" }), _jsx(Button, { className: classNames(`${prefixCls}-file-list-item_button`, `${prefixCls}-file-list-item_action`), variant: "link-delete", onClick: onRemoveFile, children: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C" })] }), _jsx("div", { className: `${prefixCls}-file-list_item-sub`, children: file.error || 'Попробуйте загрузить другой файл' })] }));
};