ONAANDALL/frontend
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge commit '26c28c53dbc7c3558bc6963519e67748b1f56050' into iipbs/sn/oi

Browse Source
This commit is contained in:
JIeunhuh
2025-05-23 14:25:56 +09:00
parent 96f89fafcc 26c28c53db
commit 36e5e7761f
1 changed files with 21 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/sn/app/components/ui/fileUploadForm.tsx
+21 -20
View File
@@ -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<File | null>(null);
const [files, setFiles] = useState<FileList | null>(null);
const [selectedYear, setSelectedYear] = useState<string>(yearOptions[0]?.val || '');
const [selectedQuarter, setSelectedQuarter] = useState<string>(quater[0]?.val || '');
const [upload, setUpload] = useState<Upload | null>(null);
@@ -55,31 +55,31 @@ const FileUploadForm = ({ title, onSubmit }: { title: string, onSubmit: (files:
<div className='flex ml-5 items-center'>
<div className="w-[80px] mr-4">
<FileUploader
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
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={<></>}
/>
</div>
<Button
className="px-4 py-2 bg-blue-600 text-white rounded-sm text-sm font-medium hover:bg-blue-700"
size="sm"
onClick={() => {
console.log(files && files.name)
console.log(files?.[0]?.name)
if (!files) {
alert('파일을 선택해주세요.');
return;
@@ -92,7 +92,8 @@ const FileUploadForm = ({ title, onSubmit }: { title: string, onSubmit: (files:
alert('분기를 선택해주세요.');
return;
}
onSubmit(files.name, selectedYear, selectedQuarter, atflCd || '', atflId || '');
const fileNm = files?.[0]?.name || '';
onSubmit(fileNm, selectedYear, selectedQuarter, atflCd || '', atflId || '');
}}
>
등록