diff --git a/apps/sn/app/components/ui/fileUploadForm.tsx b/apps/sn/app/components/ui/fileUploadForm.tsx index c59c8852d..9bb740277 100644 --- a/apps/sn/app/components/ui/fileUploadForm.tsx +++ b/apps/sn/app/components/ui/fileUploadForm.tsx @@ -26,7 +26,7 @@ const FileUploadForm = ({ title, onSubmit }: { title: string, onSubmit: (files: return { text: `${year}년`, val: year.toString() }; }); const quater = [{ text: '1분기', val: '1' }, { text: '2분기', val: '2' }, { text: '3분기', val: '3' }, { text: '4분기', val: '4' }] - const [files, setFiles] = useState(null); + const [files, setFiles] = useState(null); const [selectedYear, setSelectedYear] = useState(yearOptions[0]?.val || ''); const [selectedQuarter, setSelectedQuarter] = useState(quater[0]?.val || ''); const [upload, setUpload] = useState(null); @@ -55,31 +55,31 @@ const FileUploadForm = ({ title, onSubmit }: { title: string, onSubmit: (files:
{ - const selectedFiles = e.target.files; - if (!selectedFiles) return - const fileArray = selectedFiles - setFiles(selectedFiles[0] || null); - if (fileArray[0]) { - handleUpload(selectedFiles, { - handleUploadStart: setUpload, - handleSuccess: setUpload, - handleResponse: handleUploadResponse(fileArray[0]), - }); - } + id="atflCd" + className="!h-auto !max-w-none flex-col !items-start" + accept=".jpeg,.jpg,.png" + onUpload={(e) => { + const selectedFiles = e.target.files; + if (!selectedFiles) return; - }} - customPreview={<>} + setFiles(selectedFiles); + if (selectedFiles[0]) { + handleUpload(selectedFiles, { + handleUploadStart: setUpload, + handleSuccess: setUpload, + handleResponse: handleUploadResponse(selectedFiles[0]), + }); + } + + }} + customPreview={<>} />