diff --git a/packages/common/business_components/src/ui/file-upload/index.tsx b/packages/common/business_components/src/ui/file-upload/index.tsx index 22ef56820..7ef6dfc31 100644 --- a/packages/common/business_components/src/ui/file-upload/index.tsx +++ b/packages/common/business_components/src/ui/file-upload/index.tsx @@ -3,7 +3,7 @@ import { CloudUpload, Paperclip } from "lucide-react"; import { FileInput, FileUploader, FileUploaderContent, FileUploaderItem } from "./lib/file_upload"; const dropZoneConfig = { maxFiles: 5, - maxSize: 1024 * 1024 * 4, + maxSize: 1024 * 1024 * 100, multiple: true, }; @@ -12,12 +12,18 @@ const dropZoneConfig = { files: File[]; // 파일 배열 setFiles: (files: File[] | null) => void; // 파일 배열 세터 fileTypes?: string; // 옵션 (파일 확장자 문자열) - onFileClick?:(index:number)=> void; // 파일 클릭 핸들러 + onFileClick?:(index:number)=> void; + maxFiles?: number; // 파일 클릭 핸들러 } export const FileUpload = -({ files, setFiles, fileTypes ,onFileClick}: FileUploadProps) => { +({ files, setFiles, fileTypes ,onFileClick, maxFiles}: FileUploadProps) => { + if(maxFiles){ + dropZoneConfig.maxFiles = maxFiles; + if(maxFiles===1) + dropZoneConfig.multiple = false; + } return (