pc activitiy videos croped

web-app/frontend/src/components/activities/reasoningIqEval/pictureConcept/PictureConcept.jsx

@@ -61,15 +61,11 @@ const PictureConcept = ({ nextActivity }) => {
   useEffect(() => {
     if (effectRan.current === false) {
       RecordingHandler(`PC.wav`, activityIndex, "pc");
-
       return () => {
         console.log("unmounted");
-
         effectRan.current = true;
       };
     }
-    // console.log(activityIndex);
-    // RecordingHandler(`PC.wav`, activityIndex, "pc");
   }, [activityIndex]);
 
   useEffect(() => {

web-app/frontend/src/components/activities/reasoningIqEval/recorder/Recorder.js

@@ -22,17 +22,16 @@ export const RecordingHandler = async (
   recorder.record();
 
   const sleep = (m) => new Promise((r) => setTimeout(r, m));
-  sleep(15000); //await
+  await sleep(15000);
 
-  //await
-  recorder.stop(function () {
+  await recorder.stop(function () {
     console.log("Stopped Activity Index: ", questionIndex);
     let blob = recorder.blob;
+    stream.getTracks().forEach(function (track) {
+      track.stop();
+    });
     processRecording(blob, fileName, questionIndex, activityName);
   });
-  stream.getTracks().forEach(function (track) {
-    track.stop();
-  });
 };
 
 const processRecording = (blob, fileName, questionIndex, activityName) => {
@@ -59,13 +58,13 @@ const uploadRecording = async (file, fileName, questionIndex, activityName) => {
   };
 
   if (activityName === "pc") {
-    // await API.post(`predictPictureConcept`, data, config)
-    //   .then((res) => {
-    //     console.log(res.data);
-    //   })
-    //   .catch((err) => {
-    //     console.log(err, "ERROR");
-    //   });
+    await API.post(`predictPictureConcept`, data, config)
+      .then((res) => {
+        console.log(res.data);
+      })
+      .catch((err) => {
+        console.log(err, "ERROR");
+      });
   }
   if (activityName === "ar") {
     // await API.post(`predictArithmetic`, data, config)