iconocl4st/clio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add more debug logging and fix effect dependency
All checks were successful
Deploy UI / deploy (push) Successful in 1s
Details

Browse source
This commit is contained in:
Your Name 2026-05-19 19:43:09 -04:00
parent c7c70f1f62
commit 7cef4a6aaa
1 changed files with 5 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

7
clio-ui/components/RecordingDetail.jsx
View file

@ -4,6 +4,7 @@ const { useState: useStateRD, useEffect: useEffectRD, useRef: useRefRD, useCallb
const API_BASE = ''; const API_BASE = '';
function RecordingDetail({ recording: r, data, onBack, allHighlights, setAllHighlights, initialSeekTime, onSeekHandled }) { function RecordingDetail({ recording: r, data, onBack, allHighlights, setAllHighlights, initialSeekTime, onSeekHandled }) {
console.log('[RecordingDetail] render, recording id:', r?.id, 'r.durationMinutes:', r?.durationMinutes);
const [currentTime, setCurrentTime] = useStateRD(0); // seconds into recording const [currentTime, setCurrentTime] = useStateRD(0); // seconds into recording
const [playing, setPlaying] = useStateRD(false); const [playing, setPlaying] = useStateRD(false);
const [speed, setSpeed] = useStateRD(1.0); const [speed, setSpeed] = useStateRD(1.0);
@ -16,7 +17,9 @@ function RecordingDetail({ recording: r, data, onBack, allHighlights, setAllHigh
const transcriptRef = useRefRD(null); const transcriptRef = useRefRD(null);
// Use actual audio duration if available, fallback to metadata // Use actual audio duration if available, fallback to metadata
const totalSeconds = audioDuration || r.durationMinutes * 60; const metadataDuration = r.durationMinutes * 60;
const totalSeconds = audioDuration || metadataDuration || 1; // avoid division by zero
console.log('[duration] audioDuration:', audioDuration, 'r.durationMinutes:', r.durationMinutes, 'totalSeconds:', totalSeconds);
const recHighlights = allHighlights.filter(h => h.recordingId === r.id); const recHighlights = allHighlights.filter(h => h.recordingId === r.id);
// Audio URL from API // Audio URL from API
@ -126,7 +129,7 @@ function RecordingDetail({ recording: r, data, onBack, allHighlights, setAllHigh
audio.removeEventListener('loadedmetadata', handleLoadedMetadata); audio.removeEventListener('loadedmetadata', handleLoadedMetadata);
audio.removeEventListener('durationchange', handleDurationChange); audio.removeEventListener('durationchange', handleDurationChange);
}; };
}, []); }, [r.id]); // Re-attach listeners when recording changes
// Sync playback rate with speed state // Sync playback rate with speed state
useEffectRD(() => { useEffectRD(() => {