didnt fix, revert to previous state
This commit is contained in:
@@ -1,7 +1,7 @@
|
|||||||
'use client';
|
'use client';
|
||||||
|
|
||||||
import { useState, useTransition, useMemo, useEffect } from 'react';
|
import { useState, useTransition, useMemo, useEffect } from 'react';
|
||||||
import { useRouter } from 'next/navigation';
|
import Link from 'next/link';
|
||||||
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,13 +26,11 @@ 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(() => {
|
||||||
@@ -156,16 +154,11 @@ export default function CalibrationPageView({
|
|||||||
};
|
};
|
||||||
|
|
||||||
const handleCompleteCalibration = async () => {
|
const handleCompleteCalibration = async () => {
|
||||||
setIsCompleting(true);
|
startTransition(async () => {
|
||||||
|
// All answers are already saved, just trigger a page reload or redirect
|
||||||
try {
|
// Reload the page to check calibration status again
|
||||||
await saveCalibrationAnswers(experimentId, answers);
|
window.location.reload();
|
||||||
router.refresh();
|
});
|
||||||
} catch (error) {
|
|
||||||
console.error('Error finalizing calibration:', error);
|
|
||||||
} finally {
|
|
||||||
setIsCompleting(false);
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
if (isComplete) {
|
if (isComplete) {
|
||||||
@@ -199,10 +192,10 @@ export default function CalibrationPageView({
|
|||||||
<div className="text-center">
|
<div className="text-center">
|
||||||
<button
|
<button
|
||||||
onClick={handleCompleteCalibration}
|
onClick={handleCompleteCalibration}
|
||||||
disabled={isPending || isCompleting}
|
disabled={isPending}
|
||||||
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 || isCompleting ? 'Wird gespeichert...' : 'Zur Bewertung'}
|
{isPending ? 'Wird gespeichert...' : 'Zur Bewertung'}
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user