diff options
Diffstat (limited to 'lib/dolce/components/file-upload-progress-list.tsx')
| -rw-r--r-- | lib/dolce/components/file-upload-progress-list.tsx | 13 |
1 files changed, 11 insertions, 2 deletions
diff --git a/lib/dolce/components/file-upload-progress-list.tsx b/lib/dolce/components/file-upload-progress-list.tsx index e016402d..7354c85b 100644 --- a/lib/dolce/components/file-upload-progress-list.tsx +++ b/lib/dolce/components/file-upload-progress-list.tsx @@ -18,7 +18,7 @@ export function FileUploadProgressList({ fileProgresses }: FileUploadProgressLis <h4 className="text-sm font-medium"> 파일 업로드 진행 상황 ({fileProgresses.length}개) </h4> - <div className="max-h-64 overflow-auto space-y-2"> + <div className="max-h-64 overflow-y-auto space-y-2"> {fileProgresses.map((fileProgress, index) => ( <FileUploadProgressItem key={index} fileProgress={fileProgress} /> ))} @@ -85,7 +85,16 @@ function FileUploadProgressItem({ fileProgress }: FileUploadProgressItemProps) { {/* Progress Bar */} {status === "uploading" && ( - <Progress value={progress} className="h-1.5" /> + <> + <Progress value={progress} className="h-1.5" /> + {/* 90% 이상일 때 추가 안내 메시지 */} + {progress >= 90 && progress < 100 && ( + <p className="text-xs text-muted-foreground flex items-center gap-1"> + <Loader2 className="h-3 w-3 animate-spin" /> + 서버에서 DOLCE API로 전송 중... + </p> + )} + </> )} {/* 에러 메시지 */} |