selfhostyourtech/reflector
2
0
Fork 0
mirror of https://github.com/Monadical-SAS/reflector.git synced 2025-12-20 20:29:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix redirect to record errors

Browse Source
This commit is contained in:
Sergey Mankovsky
2024-07-03 19:00:54 +02:00
parent 92a99fba2c
commit bba50da7c7
2 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
www/app/[domain]/transcripts/[transcriptId]/page.tsx
View File

@@ -23,16 +23,20 @@ type TranscriptDetails = {
export default function TranscriptDetails(details: TranscriptDetails) {
const transcriptId = details.params.transcriptId;
const router = useRouter();
const statusToRedirect = ["idle", "recording", "processing"];
const transcript = useTranscript(transcriptId);
const transcriptStatus = transcript.response?.status;
const waiting =
!transcriptStatus || statusToRedirect.includes(transcriptStatus);
const topics = useTopics(transcriptId);
const waveform = useWaveform(transcriptId);
const waveform = useWaveform(transcriptId, waiting);
const useActiveTopic = useState<Topic | null>(null);
const mp3 = useMp3(transcriptId);
const mp3 = useMp3(transcriptId, waiting);
useEffect(() => {
const statusToRedirect = ["idle", "recording", "processing"];
if (statusToRedirect.includes(transcript.response?.status || "")) {
if (waiting) {
const newUrl = "/transcripts/" + details.params.transcriptId + "/record";
// Shallow redirection does not work on NextJS 13
// https://github.com/vercel/next.js/discussions/48110
@@ -40,7 +44,7 @@ export default function TranscriptDetails(details: TranscriptDetails) {
router.replace(newUrl);
// history.replaceState({}, "", newUrl);
}
}, [transcript.response?.status]);
}, [waiting]);
if (transcript.error || topics?.error) {
return (

6
www/app/[domain]/transcripts/useWaveform.ts
View File

@@ -10,7 +10,7 @@ type AudioWaveFormResponse = {
error: Error | null;
};
const useWaveform = (id: string): AudioWaveFormResponse => {
const useWaveform = (id: string, waiting: boolean): AudioWaveFormResponse => {
const [waveform, setWaveform] = useState<AudioWaveform | null>(null);
const [loading, setLoading] = useState<boolean>(true);
const [error, setErrorState] = useState<Error | null>(null);
@@ -18,7 +18,7 @@ const useWaveform = (id: string): AudioWaveFormResponse => {
const api = useApi();
useEffect(() => {
if (!id || !api) return;
if (!id || !api || waiting) return;
setLoading(true);
api
.v1TranscriptGetAudioWaveform({ transcriptId: id })
@@ -36,7 +36,7 @@ const useWaveform = (id: string): AudioWaveFormResponse => {
setError(err);
}
});
}, [id, api]);
}, [id, api, waiting]);
return { waveform, loading, error };
};