ZHAW/BA_TTS_Annotation_Plattform
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix completion handler

Browse Source
This commit is contained in:
smaubio
2026-04-03 16:47:55 +02:00
parent 990fecbcb9
commit daed668a05
1 changed files with 15 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/CalibrationViews/CalibrationPageView.tsx
View File

@@ -1,7 +1,7 @@
'use client'; 'use client';
import { useState, useTransition, useMemo, useEffect } from 'react'; import { useState, useTransition, useMemo, useEffect } from 'react';
import Link from 'next/link'; import { useRouter } from 'next/navigation';
import { saveCalibrationAnswers, getCalibrationAnswers } from '@/app/actions/calibration'; import { saveCalibrationAnswers, getCalibrationAnswers } from '@/app/actions/calibration';
import { getDialectScoresFromCalibration } from '@/app/actions/calibration-scoring'; import { getDialectScoresFromCalibration } from '@/app/actions/calibration-scoring';
import { ExperimentCalibration } from '@/lib/model/experiment_calibration'; import { ExperimentCalibration } from '@/lib/model/experiment_calibration';
@@ -26,11 +26,13 @@ export default function CalibrationPageView({
entries, entries,
experimentId, experimentId,
}: CalibrationPageViewProps) { }: CalibrationPageViewProps) {
const router = useRouter();
const [isPending, startTransition] = useTransition(); const [isPending, startTransition] = useTransition();
const [answers, setAnswers] = useState<CalibrationAnswers>({}); const [answers, setAnswers] = useState<CalibrationAnswers>({});
const [isLoading, setIsLoading] = useState(true); const [isLoading, setIsLoading] = useState(true);
const [currentIndex, setCurrentIndex] = useState(0); const [currentIndex, setCurrentIndex] = useState(0);
const [dialectScores, setDialectScores] = useState<Record<string, number>>({}); const [dialectScores, setDialectScores] = useState<Record<string, number>>({});
const [isCompleting, setIsCompleting] = useState(false);
// Load existing answers on component mount // Load existing answers on component mount
useEffect(() => { useEffect(() => {
@@ -154,11 +156,16 @@ export default function CalibrationPageView({
}; };
const handleCompleteCalibration = async () => { const handleCompleteCalibration = async () => {
startTransition(async () => { setIsCompleting(true);
// All answers are already saved, just trigger a page reload or redirect
// Reload the page to check calibration status again try {
window.location.reload(); await saveCalibrationAnswers(experimentId, answers);
}); router.refresh();
} catch (error) {
console.error('Error finalizing calibration:', error);
} finally {
setIsCompleting(false);
}
}; };
if (isComplete) { if (isComplete) {
@@ -192,10 +199,10 @@ export default function CalibrationPageView({
<div className="text-center"> <div className="text-center">
<button <button
onClick={handleCompleteCalibration} onClick={handleCompleteCalibration}
disabled={isPending} disabled={isPending || isCompleting}
className="px-6 py-3 bg-blue-600 hover:bg-blue-700 disabled:bg-gray-400 text-white font-semibold rounded-lg transition-colors text-lg" className="px-6 py-3 bg-blue-600 hover:bg-blue-700 disabled:bg-gray-400 text-white font-semibold rounded-lg transition-colors text-lg"
> >
{isPending ? 'Wird gespeichert...' : 'Zur Bewertung'} {isPending || isCompleting ? 'Wird gespeichert...' : 'Zur Bewertung'}
</button> </button>
</div> </div>
</div> </div>