ar-design
Version:
AR Design is a (react | nextjs) ui library.
22 lines (21 loc) • 1.47 kB
JavaScript
import React, { memo } from "react";
import { ARIcon } from "../../icons";
import Utils from "../../../libs/infrastructure/shared/Utils";
import Buttons from "./Buttons";
const List = ({ type, direction = "row", selectedFiles, validationErrors = [], handleFileToBase64, handleFileRemove, }) => {
return (React.createElement("ul", { className: `${type} ${direction}` }, selectedFiles.map((selectedFile) => {
const message = validationErrors.find((v) => v.fileName === selectedFile.name)?.message;
return (React.createElement("li", null,
message && (React.createElement("div", { className: "error" },
React.createElement(ARIcon, { icon: "ExclamationDiamond-Fill", fill: "var(--white)" }),
React.createElement("span", null, message))),
React.createElement(Buttons, { selectedFile: selectedFile, handleFileToBase64: handleFileToBase64, handleFileRemove: handleFileRemove }),
React.createElement("span", { className: "file-name" }, selectedFile.name),
React.createElement("div", null,
React.createElement("span", { className: "file-size" },
(selectedFile.size / 1024).toFixed(3),
React.createElement("span", { className: "size-type" }, "KB")),
React.createElement("span", { className: "file-type" }, Utils.GetFileTypeInformation(selectedFile.type).readableType))));
})));
};
export default memo(List);