From 767977836b9cc5d828d0226f9f30acb6b329e1df Mon Sep 17 00:00:00 2001
From: Joel Mathew Thomas <90510078+joelmathewthomas@users.noreply.github.com>
Date: Tue, 18 Mar 2025 15:01:01 +0530
Subject: [PATCH] add extractedFiles state to MediaContext

---
 client/src/Pages/ProcessingPage.tsx  | 7 +++----
 client/src/Pages/ResultsPage.tsx     | 3 ++-
 client/src/contexts/MediaContext.tsx | 6 +++++-
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/client/src/Pages/ProcessingPage.tsx b/client/src/Pages/ProcessingPage.tsx
index 9566bdc..797b6a8 100644
--- a/client/src/Pages/ProcessingPage.tsx
+++ b/client/src/Pages/ProcessingPage.tsx
@@ -8,7 +8,7 @@ import JSZip from "jszip";
 
 function ProcessingPage() {
   const navigate = useNavigate();
-  const { mediaFile, response } = useMediaContext();
+  const { mediaFile, response, setExtractedFiles } = useMediaContext();
   const [progress, setProgress] = useState(0);
   const [statusText, setStatusText] = useState("Analyzing media...");
 
@@ -70,11 +70,10 @@ function ProcessingPage() {
       if (!fileData.dir) {
         const fileBlob = await fileData.async("blob");
         const fileURL = URL.createObjectURL(fileBlob);
-        fileURLs.push({ filename, fileURL });
+        fileURLs.push({ name: filename, url: fileURL });
       }
     }
-
-    fileURLs.forEach(({ filename, fileURL }) => console.log(`File: ${filename}, URL: ${fileURL}`));
+    setExtractedFiles(fileURLs);
     setProgress(100);
   };
 
diff --git a/client/src/Pages/ResultsPage.tsx b/client/src/Pages/ResultsPage.tsx
index 031328f..38007aa 100644
--- a/client/src/Pages/ResultsPage.tsx
+++ b/client/src/Pages/ResultsPage.tsx
@@ -21,7 +21,8 @@ import { useMediaContext } from '../contexts/MediaContext';
 
 function ResultsPage() {
   const navigate = useNavigate();
-  const { mediaFile, response } = useMediaContext();
+  const { mediaFile, response, extractedFiles } = useMediaContext();
+  console.log("Extracted files are", extractedFiles);
 //  const [isPlaying, setIsPlaying] = useState(false);
   const audioRefs = [useRef(null), useRef(null), useRef(null),useRef(null)];
   const audioClass = response.audio_class
diff --git a/client/src/contexts/MediaContext.tsx b/client/src/contexts/MediaContext.tsx
index 7ad877d..d2952aa 100644
--- a/client/src/contexts/MediaContext.tsx
+++ b/client/src/contexts/MediaContext.tsx
@@ -5,6 +5,8 @@ interface MediaContextType {
   setMediaFile: (file: { name: string; url: string; type: string }) => void;
   response: { file_uuid: string; sr: number; audio_class: string }; 
   setResponse: (response: { file_uuid: string; sr: number; audio_class: string }) => void;
+  extractedFiles: { name: string; url: string }[];
+  setExtractedFiles: (files: {name: string; url: string }[]) => void;
 }
 
 
@@ -17,10 +19,12 @@ export const MediaProvider: React.FC<{ children: React.ReactNode }> = ({ childre
     file_uuid: "",
     sr: 0,
   });
+
+  const [extractedFiles, setExtractedFiles] = useState<MediaContextType["extractedFiles"]>([]);
   
 
   return (
-    <MediaContext.Provider value={{ mediaFile, setMediaFile, response, setResponse }}>
+    <MediaContext.Provider value={{ mediaFile, setMediaFile, response, setResponse, extractedFiles, setExtractedFiles }}>
       {children}
     </MediaContext.Provider>
   );