Update web/src/App.tsx

web/src/App.tsx

@@ -911,34 +911,38 @@ function App() {
   //  File Upload (FIXED)
   // =========================
   // 1) Upload: accept File[] OR FileList OR null
-  const handleFileUpload = (input: File[] | FileList | null | undefined) => {
-    if (!user) return;
-  
+
+  const handleFileUpload = async (input: File[] | FileList | null | undefined) => {
     const files = Array.isArray(input) ? input : input ? Array.from(input) : [];
     if (!files.length) return;
   
-    // 1) UI 先加进去（默认 other）
     const newFiles: UploadedFile[] = files.map((file) => ({ file, type: "other" as FileType }));
+  
+    // update UI immediately
     setUploadedFiles((prev) => [...prev, ...newFiles]);
   
-    // 2)  立刻上传到后端（不要等 handleFileTypeChange）
-    files.forEach(async (file) => {
-      const fp = `${file.name}::${file.size}::${file.lastModified}`;
-      if (uploadedFingerprintsRef.current.has(fp)) return;
+    // if not logged in (shouldn't happen), skip backend upload
+    if (!user) return;
+  
+    // upload to backend right away (default as "Other Course Document")
+    for (const f of files) {
+      const fp = `${f.name}::${f.size}::${f.lastModified}`;
+      if (uploadedFingerprintsRef.current.has(fp)) continue;
       uploadedFingerprintsRef.current.add(fp);
   
       try {
         await apiUpload({
           user_id: user.email,
-          doc_type: DOC_TYPE_MAP.other, // 默认 Other Course Document
-          file,
+          doc_type: DOC_TYPE_MAP["other"] || "Other Course Document",
+          file: f,
         });
-        toast.success(`Uploaded: ${file.name}`);
+        toast.success(`File uploaded: ${f.name}`);
       } catch (e: any) {
-        toast.error(e?.message || `Upload failed: ${file.name}`);
-        uploadedFingerprintsRef.current.delete(fp); // 失败允许重试
+        toast.error(e?.message || `Upload failed: ${f.name}`);
+        // allow retry if failed
+        uploadedFingerprintsRef.current.delete(fp);
       }
-    });
+    }
   };
   
   // 2) Remove: accept index OR File OR UploadedFile (use any to avoid prop signature mismatch crash)