Merge pull request #1144 from AI4Bharat/arr-mas

fix for double click without space and added shortcut inside text area
AI4Bharat · Feb 7, 2025 · 00e9a19 · 00e9a19
2 parents 436df26 + 72ed5d8
commit 00e9a19
Show file tree

Hide file tree

Showing 5 changed files with 404 additions and 37 deletions.
diff --git a/src/ui/pages/container/CL-Transcription/AllAudioTranscriptionLandingPage.jsx b/src/ui/pages/container/CL-Transcription/AllAudioTranscriptionLandingPage.jsx
@@ -509,37 +509,47 @@ const AllAudioTranscriptionLandingPage = () => {
     }
   }, [advancedWaveformSettings]);
 
-  useEffect(() => {
-    const handleKeyDown = (event) => {
-      if (event.shiftKey && event.key === ' ') {
-        event.preventDefault();
-        if (player) {
-          if (isPlaying(player)) {
-            player.pause();
-          } else {
-            player.play();
-          }
+useEffect(() => {
+  const handleKeyDown = (event) => {
+      const activeElement = document.activeElement;
+  const isTextAreaFocused = activeElement.tagName =='TEXTAREA';
+  console.log(activeElement);
+
+  if (isTextAreaFocused) {
+    return;
+  }
+
+
+
+    if (event.shiftKey && event.key === ' ') {
+      event.preventDefault();
+      if(player){
+        if(isPlaying(player)){
+          player.pause();
+        }else{
+          player.play();
         }
       }
-      if (event.shiftKey && event.key === 'ArrowLeft') {
-        event.preventDefault();
-        if (player) {
-          player.currentTime = player.currentTime - 1.25;
-        }
+    }
+    if (event.shiftKey && event.key === 'ArrowLeft') {
+      event.preventDefault();
+      if(player){
+        player.currentTime = player.currentTime - 1.25;
       }
-      if (event.shiftKey && event.key === 'ArrowRight') {
-        event.preventDefault();
-        if (player) {
-          player.currentTime = player.currentTime + 1.25;
-        }
+    }
+    if (event.shiftKey && event.key === 'ArrowRight') {
+      event.preventDefault();
+      if(player){
+        player.currentTime = player.currentTime + 1.25;
       }
-    };
-
-    window.addEventListener('keydown', handleKeyDown);
-    return () => {
-      window.removeEventListener('keydown', handleKeyDown);
-    };
-  }, [player]);
+    }
+  };
+  window.addEventListener('keydown', handleKeyDown);
+  return () => {
+    window.removeEventListener('keydown', handleKeyDown);
+  };
+
+}, [player]);  
 
   return (
     <>
@@ -709,6 +719,7 @@ const AllAudioTranscriptionLandingPage = () => {
                   containerStyles={{
                     width: "100%",
                   }}
+
                   renderComponent={(props) => (
                     <div className={classes.relative} style={{ width: "100%" }}>
                       <textarea

diff --git a/src/ui/pages/container/CL-Transcription/AudioTranscriptionLandingPage.jsx b/src/ui/pages/container/CL-Transcription/AudioTranscriptionLandingPage.jsx
@@ -969,10 +969,19 @@ useEffect(() => {
 
 useEffect(() => {
   const handleKeyDown = (event) => {
+      const activeElement = document.activeElement;
+  const isTextAreaFocused = activeElement.tagName =='TEXTAREA';
+  console.log(activeElement);
+
+  if (isTextAreaFocused) {
+    return;
+  }
+
+
+
     if (event.shiftKey && event.key === ' ') {
       event.preventDefault();
       if(player){
-        // console.log(isPlaying(player));
         if(isPlaying(player)){
           player.pause();
         }else{
@@ -993,11 +1002,11 @@ useEffect(() => {
       }
     }
   };
-
   window.addEventListener('keydown', handleKeyDown);
   return () => {
     window.removeEventListener('keydown', handleKeyDown);
   };
+
 }, [player]);  
 
   return (

diff --git a/src/ui/pages/container/CL-Transcription/ReviewAudioTranscriptionLandingPage.jsx b/src/ui/pages/container/CL-Transcription/ReviewAudioTranscriptionLandingPage.jsx
@@ -1159,13 +1159,21 @@ useEffect(() => {
     setShowNotes(false);
   }
 }, [advancedWaveformSettings]);
-
 useEffect(() => {
   const handleKeyDown = (event) => {
+      const activeElement = document.activeElement;
+  const isTextAreaFocused = activeElement.tagName =='TEXTAREA';
+  console.log(activeElement);
+
+  if (isTextAreaFocused) {
+    return;
+  }
+
+
+
     if (event.shiftKey && event.key === ' ') {
       event.preventDefault();
       if(player){
-        console.log(isPlaying(player));
         if(isPlaying(player)){
           player.pause();
         }else{
@@ -1186,13 +1194,13 @@ useEffect(() => {
       }
     }
   };
-
   window.addEventListener('keydown', handleKeyDown);
   return () => {
     window.removeEventListener('keydown', handleKeyDown);
   };
-}, [player]);
 
+}, [player]);  
+
   return (
     <>
       {loading && <Spinner />}

diff --git a/src/ui/pages/container/CL-Transcription/SuperCheckerAudioTranscriptionLandingPage.jsx b/src/ui/pages/container/CL-Transcription/SuperCheckerAudioTranscriptionLandingPage.jsx
@@ -1011,13 +1011,19 @@ useEffect(() => {
     setShowNotes(false);
   }
 }, [advancedWaveformSettings]);
-
 useEffect(() => {
   const handleKeyDown = (event) => {
+      const activeElement = document.activeElement;
+  const isTextAreaFocused = activeElement.tagName =='TEXTAREA';
+  console.log(activeElement);
+
+  if (isTextAreaFocused) {
+    return;
+  }
+
     if (event.shiftKey && event.key === ' ') {
       event.preventDefault();
       if(player){
-        console.log(isPlaying(player));
         if(isPlaying(player)){
           player.pause();
         }else{
@@ -1038,12 +1044,13 @@ useEffect(() => {
       }
     }
   };
-
   window.addEventListener('keydown', handleKeyDown);
   return () => {
     window.removeEventListener('keydown', handleKeyDown);
   };
-}, [player]);
+
+}, [player]);  
+
 
   return (
 <>