Download section didn't appear. Resolved

web/frontend/src/components/UploadZone.tsx

@@ -4,7 +4,6 @@ import { Box, Typography, Paper, LinearProgress, Alert } from '@mui/material'
 import { CloudUpload, InsertDriveFile } from '@mui/icons-material'
 import { useUploadStore } from '../stores/uploadStore'
 import { uploadFile } from '../api/client'
-import { useTaskStore } from '../stores/taskStore'
 
 const ALLOWED_EXTENSIONS = ['.mp3', '.flac', '.wav', '.m4a', '.ogg', '.opus', '.aac', '.wma', '.aiff', '.alac', '.ac3']
 
@@ -25,8 +24,6 @@ export const UploadZone: React.FC = () => {
     setTaskId,
   } = useUploadStore()
 
-  const { setTaskId: setTaskIdStore, setIsProcessing } = useTaskStore()
-
   const onDrop = useCallback(
     async (acceptedFiles: File[]) => {
       if (acceptedFiles.length === 0) return
@@ -49,7 +46,6 @@ export const UploadZone: React.FC = () => {
       try {
         const response = await uploadFile(selectedFile)
         setTaskId(response.task_id)
-        setTaskIdStore(response.task_id)
         setUploadProgress(100)
         setIsUploading(false)
       } catch (err: any) {
@@ -61,7 +57,7 @@ export const UploadZone: React.FC = () => {
         setFileSize(0)
       }
     },
-    [setFile, setFileName, setFileSize, setIsUploading, setUploadProgress, setError, setTaskId, setTaskIdStore]
+    [setFile, setFileName, setFileSize, setIsUploading, setUploadProgress, setError, setTaskId]
   )
 
   const { getRootProps, getInputProps, isDragActive } = useDropzone({
@@ -140,4 +136,4 @@ export const UploadZone: React.FC = () => {
       )}
     </Box>
   )
-}
+}