diff --git a/app/src/components/musicUpload/Song.tsx b/app/src/components/musicUpload/Song.tsx index 859bf45..19fd6df 100644 --- a/app/src/components/musicUpload/Song.tsx +++ b/app/src/components/musicUpload/Song.tsx @@ -44,7 +44,7 @@ const Song = () => { const [failedChunkIndex, setFailedChunkIndex] = useState(0); const [coverImage, setCoverImage] = useState(null); - const [uploadedFile, setUploadedFile] = useState<{ name: string; size: string; status: 'uploading' | 'success' | 'failed' } | null>(null); + const [uploadedFile, setUploadedFile] = useState<{ name: string; size: string; type: string; status: 'uploading' | 'success' | 'failed' } | null>(null); const [validationError, setValidationError] = useState(null); const coverInputRef = useRef(null); const fileInputRef = useRef(null); @@ -90,6 +90,10 @@ const Song = () => { return (bytes / (1024 * 1024)).toFixed(1) + ' mb'; }; + const formatFileType = (file: File): string => { + return file.type || 'Unknown MIME type'; + }; + const validateAudioFile = (file: File): string | null => { if (!ALLOWED_AUDIO_TYPES.has(file.type) && !file.name.match(/\.(mp3|wav|m4a|aac|ogg|flac|webm)$/i)) { return `Unsupported file type. Please upload an audio file (MP3, WAV, M4A, AAC, OGG, FLAC, WebM).`; @@ -120,6 +124,7 @@ const Song = () => { setUploadedFile({ name: file.name, size: formatFileSize(file.size), + type: formatFileType(file), status: "uploading", }); }; @@ -161,7 +166,12 @@ const Song = () => { setFailedChunkIndex(0); const fileSize = formatFileSize(file.size); - setUploadedFile({ name: file.name, size: fileSize, status: 'uploading' }); + setUploadedFile({ + name: file.name, + size: fileSize, + type: formatFileType(file), + status: 'uploading', + }); } }; @@ -523,8 +533,12 @@ const Song = () => {

{uploadedFile.name}

-
+

{uploadedFile.size}

+ +

+ {uploadedFile.type} +

{uploadedFile.status === 'failed' && ( {retryCount >= MAX_RETRY_ATTEMPTS ? 'Max retries reached' : 'Upload failed'} @@ -591,4 +605,4 @@ const Song = () => { ) } -export default Song \ No newline at end of file +export default Song