fetching the content from firebase

1 files changed, 4 insertions, 7 deletions

diff --git a/src/components/UploadForm.jsx b/src/components/UploadForm.jsx
index 9bb16e7..531feda 100644
--- a/src/components/UploadForm.jsx
+++ b/src/components/UploadForm.jsx
@@ -4,7 +4,6 @@ import { storage } from '../firebase';
 
 const UploadForm = ({ onUploadComplete }) => {
   const [file, setFile] = useState(null);
-  const [progress, setProgress] = useState(0);
 
   const handleFileChange = (e) => {
     setFile(e.target.files[0]);
@@ -16,16 +15,15 @@ const UploadForm = ({ onUploadComplete }) => {
     const storageRef = ref(storage, `ads/${file.name}`);
     const uploadTask = uploadBytesResumable(storageRef, file);
 
-    uploadTask.on(
-      'state_changed',
+    uploadTask.on('state_changed',
       (snapshot) => {
-        const progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;
-        setProgress(progress);
+        // Observe state change events such as progress, pause, and resume
       },
       (error) => {
-        console.error('Upload failed', error);
+        console.error('Upload error:', error);
       },
       () => {
+        // Handle successful uploads on complete
         getDownloadURL(uploadTask.snapshot.ref).then((downloadURL) => {
           onUploadComplete(downloadURL);
         });
@@ -37,7 +35,6 @@ const UploadForm = ({ onUploadComplete }) => {
     <div>
       <input type="file" onChange={handleFileChange} />
       <button onClick={handleUpload}>Upload</button>
-      <div>Upload Progress: {progress}%</div>
     </div>
   );
 };