fix bug

src/app/api/file/delete/route.ts

@@ -3,7 +3,7 @@ import { cookies } from 'next/headers';
 import type { NextRequest } from 'next/server';
 import { NextResponse } from 'next/server';
 
-export async function POST(request: NextRequest) {
+export async function DELETE(request: NextRequest) {
   try {
     // Get FormData from request
     const { searchParams } = new URL(request.url);

src/app/recruitment/upload/page.tsx

@@ -3,7 +3,7 @@
 import { useAuth } from '@/composables/useAuth';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { AlertCircle, BarChart3, CheckCircle2, CheckSquare, FileText, Loader2, RefreshCw, TrendingUp, Upload, X } from 'lucide-react';
-import React, { useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 
 // ============================================================================
 // TYPES
@@ -263,7 +263,7 @@ export default function CandidateExplorer() {
         });
 
         // Remove successful uploads from temporary list (they'll appear in server list after refetch)
-        return updated.filter(f => f.uploadStatus !== 'success');
+        return updated
       });
 
       // Refetch server files to get the uploaded files
@@ -443,6 +443,15 @@ export default function CandidateExplorer() {
     );
   };
 
+  useEffect(() => {
+  // Clean up uploadingFiles when server has the data
+  if (serverFiles.length > 0) {
+    setUploadingFiles(prev => 
+      prev.filter(f => !serverFiles.some(sf => sf.filename === f.filename))
+    );
+  }
+}, [serverFiles]);
+
   return (
     <div className="">
       {/* ============================================================================ */}