Merge pull request #940 from AI4Bharat/develop

Shoonya v2.6.2 Patch
AI4Bharat · Feb 25, 2024 · b030e21 · b030e21
2 parents eae08ce + a889be7
commit b030e21
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 9 deletions.
diff --git a/src/ui/pages/container/CL-Transcription/AllAudioTranscriptionLandingPage.jsx b/src/ui/pages/container/CL-Transcription/AllAudioTranscriptionLandingPage.jsx
@@ -344,7 +344,7 @@ const AllAudioTranscriptionLandingPage = () => {
   const [waveSurferBarWidth, setWaveSurferBarWidth] = useState(2);
   const [waveSurferBarGap, setWaveSurferBarGap] = useState(0);
   const [waveSurferBarRadius, setWaveSurferBarRadius] = useState(0);
-  const [waveSurferBarHeight, setWaveSurferBarHeight] = useState(2.2);
+  const [waveSurferBarHeight, setWaveSurferBarHeight] = useState(1.5);
 
   const [waveSurferWaveformSettings, setWaveSurferWaveformSettings] = useState({
     "height": waveSurferHeight,
@@ -699,7 +699,7 @@ const AllAudioTranscriptionLandingPage = () => {
         position="fixed"
         bottom={1}
       >
-        {waveSurfer ? <Timeline2 details={taskDetails} waveformSettings={waveSurferWaveformSettings}/> : <Timeline currentTime={currentTime} playing={playing} taskID={taskData?.id} waveformSettings={waveformSettings} />}
+        {waveSurfer ? <Timeline2 key={taskDetails?.data?.audio_url} details={taskDetails} waveformSettings={waveSurferWaveformSettings}/> : <Timeline currentTime={currentTime} playing={playing} taskID={taskData?.id} waveformSettings={waveformSettings} />}
       </Grid>
     </>
   );

diff --git a/src/ui/pages/container/CL-Transcription/AudioTranscriptionLandingPage.jsx b/src/ui/pages/container/CL-Transcription/AudioTranscriptionLandingPage.jsx
@@ -803,7 +803,7 @@ const [waveSurferCursorWidth, setWaveSurferCursorWidth] = useState(1);
 const [waveSurferBarWidth, setWaveSurferBarWidth] = useState(2);
 const [waveSurferBarGap, setWaveSurferBarGap] = useState(0);
 const [waveSurferBarRadius, setWaveSurferBarRadius] = useState(0);
-const [waveSurferBarHeight, setWaveSurferBarHeight] = useState(2.2);
+const [waveSurferBarHeight, setWaveSurferBarHeight] = useState(1.5);
 
 const [waveSurferWaveformSettings, setWaveSurferWaveformSettings] = useState({
   "height": waveSurferHeight,
@@ -1205,7 +1205,7 @@ useEffect(() => {
         bottom={1}
       // style={fullscreen ? { visibility: "hidden" } : {}}
       >
-        {waveSurfer ? <Timeline2 details={taskDetails} waveformSettings={waveSurferWaveformSettings}/> : <Timeline currentTime={currentTime} playing={playing} taskID={taskData?.id} waveformSettings={waveformSettings}/>} 
+        {waveSurfer ? <Timeline2 key={taskDetails?.data?.audio_url} details={taskDetails} waveformSettings={waveSurferWaveformSettings}/> : <Timeline currentTime={currentTime} playing={playing} taskID={taskData?.id} waveformSettings={waveformSettings}/>} 
       </Grid>
     </>
   );

diff --git a/src/ui/pages/container/CL-Transcription/ReviewAudioTranscriptionLandingPage.jsx b/src/ui/pages/container/CL-Transcription/ReviewAudioTranscriptionLandingPage.jsx
@@ -1000,7 +1000,7 @@ const [waveSurferCursorWidth, setWaveSurferCursorWidth] = useState(1);
 const [waveSurferBarWidth, setWaveSurferBarWidth] = useState(2);
 const [waveSurferBarGap, setWaveSurferBarGap] = useState(0);
 const [waveSurferBarRadius, setWaveSurferBarRadius] = useState(0);
-const [waveSurferBarHeight, setWaveSurferBarHeight] = useState(2.2);
+const [waveSurferBarHeight, setWaveSurferBarHeight] = useState(1.5);
 
 const [waveSurferWaveformSettings, setWaveSurferWaveformSettings] = useState({
   "height": waveSurferHeight,
@@ -1427,7 +1427,7 @@ useEffect(() => {
         bottom={1}
       // style={fullscreen ? { visibility: "hidden" } : {}}
       >
-        {waveSurfer ? <Timeline2 details={taskDetails} waveformSettings={waveSurferWaveformSettings}/> : <Timeline currentTime={currentTime} playing={playing}  taskID={taskDetailList} waveformSettings={waveformSettings}/>}
+        {waveSurfer ? <Timeline2 key={taskDetails?.data?.audio_url} details={taskDetails} waveformSettings={waveSurferWaveformSettings}/> : <Timeline currentTime={currentTime} playing={playing}  taskID={taskDetailList} waveformSettings={waveformSettings}/>}
       </Grid>
     </>
   );

diff --git a/src/ui/pages/container/CL-Transcription/SuperCheckerAudioTranscriptionLandingPage.jsx b/src/ui/pages/container/CL-Transcription/SuperCheckerAudioTranscriptionLandingPage.jsx
@@ -848,7 +848,7 @@ const [waveSurferCursorWidth, setWaveSurferCursorWidth] = useState(1);
 const [waveSurferBarWidth, setWaveSurferBarWidth] = useState(2);
 const [waveSurferBarGap, setWaveSurferBarGap] = useState(0);
 const [waveSurferBarRadius, setWaveSurferBarRadius] = useState(0);
-const [waveSurferBarHeight, setWaveSurferBarHeight] = useState(2.2);
+const [waveSurferBarHeight, setWaveSurferBarHeight] = useState(1.5);
 
 const [waveSurferWaveformSettings, setWaveSurferWaveformSettings] = useState({
   "height": waveSurferHeight,
@@ -1243,7 +1243,7 @@ useEffect(() => {
         bottom={1}
         // style={fullscreen ? { visibility: "hidden" } : {}}
       >
-        {waveSurfer ? <Timeline2 details={taskDetails} waveformSettings={waveSurferWaveformSettings}/> : <Timeline currentTime={currentTime} playing={playing} taskID={taskDetailList} waveformSettings={waveformSettings} />}
+        {waveSurfer ? <Timeline2 key={taskDetails?.data?.audio_url} details={taskDetails} waveformSettings={waveSurferWaveformSettings}/> : <Timeline currentTime={currentTime} playing={playing} taskID={taskDetailList} waveformSettings={waveformSettings} />}
       </Grid>
     </>
   );

diff --git a/src/ui/pages/container/CL-Transcription/wavesurfer.jsx b/src/ui/pages/container/CL-Transcription/wavesurfer.jsx
@@ -7,7 +7,8 @@ import { setSubtitles } from "../../../../redux/actions/Common";
 import C from "../../../../redux/constants";
 import DT from "duration-time-conversion";
 
-const Timeline2 = ({ details, waveformSettings }) => {
+const Timeline2 = ({ key, details, waveformSettings }) => {
+  console.log(key);
   const waveSurf = useRef(null);
   const miniMap = useRef(null);
   const regions = useRef(null);