From 37f850989a73f6adbfb8c60c406f7aabd8dfaad1 Mon Sep 17 00:00:00 2001
From: Joel Mathew Thomas <90510078+joelmathewthomas@users.noreply.github.com>
Date: Thu, 20 Mar 2025 20:31:37 +0530
Subject: [PATCH] remove alerts and clear previous states on handleChange

---
 client/src/Pages/UploadPage.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/client/src/Pages/UploadPage.tsx b/client/src/Pages/UploadPage.tsx
index 2b1718c..855d384 100644
--- a/client/src/Pages/UploadPage.tsx
+++ b/client/src/Pages/UploadPage.tsx
@@ -101,12 +101,23 @@ function UploadPage() {
   };
 
   const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setUpload(false);
+    setFileError("");
+    setResponse({
+      audio_class: "",
+      file_uuid: "",
+      sr: 0,
+      spectrogram: "",
+      spec_sr: 0
+    });
     const selectedFile = e.target.files?.[0] || null;
     const maxSize = 100 * 1024 * 1024; // 100MB in bytes
     
     if (selectedFile) {
       if (selectedFile.size > maxSize) {
-        alert("File size exceeds 100MB limit.");
+        setFileError("Max file size is 100MB!");
+        setFile(null);
+        setUpload(false);
         e.target.value = "";
         return;
       }
@@ -233,6 +244,9 @@ function UploadPage() {
           <Typography variant="h6" gutterBottom>
             {file ? file.name : "Drop your file here or click to browse files"}
           </Typography>
+          <Typography>
+            Max file size: 100MB
+          </Typography>
           {file && (
             <Typography variant="body2" color="textSecondary">
               {file.type.includes("audio") ? <VolumeUpIcon sx={{ mr: 1 }} /> : null}