mirror/stamp
1
0
Fork 0
mirror of https://github.com/Stijnvandenbroek/stamp.git synced 2026-01-14 23:16:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore: resolve warnings

Browse Source
This commit is contained in:
Stijnvandenbroek
2025-08-12 14:58:56 +02:00
parent 983a14fbb5
commit b5d283805c
1 changed files with 26 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
frontend/src/components/Quiz.js
View File

@@ -1,4 +1,4 @@
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect, useCallback } from 'react';
import axios from 'axios'; import axios from 'axios';
const Quiz = ({ sessionId, onGoHome, onRetry }) => { const Quiz = ({ sessionId, onGoHome, onRetry }) => {
@@ -27,7 +27,7 @@ const Quiz = ({ sessionId, onGoHome, onRetry }) => {
const [timerId, setTimerId] = useState(null); const [timerId, setTimerId] = useState(null);
// API functions // API functions
const fetchQuestion = async () => { const fetchQuestion = useCallback(async () => {
try { try {
const response = await axios.get(`${API_URL}/next-question/?session_id=${sessionId}`); const response = await axios.get(`${API_URL}/next-question/?session_id=${sessionId}`);
console.log("Fetched Question Data:", response.data); console.log("Fetched Question Data:", response.data);
@@ -51,9 +51,9 @@ const Quiz = ({ sessionId, onGoHome, onRetry }) => {
} catch (error) { } catch (error) {
alert('Error fetching question: ' + (error.response?.data?.error || error.message)); alert('Error fetching question: ' + (error.response?.data?.error || error.message));
} }
}; }, [API_URL, sessionId]);
const fetchQuizStats = async () => { const fetchQuizStats = useCallback(async () => {
try { try {
const response = await axios.get(`${API_URL}/quiz-stats/?session_id=${sessionId}`); const response = await axios.get(`${API_URL}/quiz-stats/?session_id=${sessionId}`);
setTotalQuestions(response.data.total_questions); setTotalQuestions(response.data.total_questions);
@@ -62,9 +62,21 @@ const Quiz = ({ sessionId, onGoHome, onRetry }) => {
} catch (error) { } catch (error) {
console.error('Error fetching quiz stats:', error); console.error('Error fetching quiz stats:', error);
} }
}; }, [API_URL, sessionId]);
const handleSubmit = async () => { const moveQuestionToBottom = useCallback(async () => {
try {
const questionIndex = questionData.question_index;
await axios.post(`${API_URL}/move-question-to-bottom/`, {
session_id: sessionId,
question_index: questionIndex,
});
} catch (error) {
alert('Error moving question to bottom: ' + (error.response?.data?.error || error.message));
}
}, [API_URL, sessionId, questionData]);
const handleSubmit = useCallback(async () => {
let submissionData; let submissionData;
if (questionData.options.length > 1) { if (questionData.options.length > 1) {
submissionData = { submissionData = {
@@ -95,19 +107,7 @@ const Quiz = ({ sessionId, onGoHome, onRetry }) => {
} catch (error) { } catch (error) {
alert('Error submitting answer: ' + (error.response?.data?.error || error.message)); alert('Error submitting answer: ' + (error.response?.data?.error || error.message));
} }
}; }, [API_URL, sessionId, selectedAnswers, userAnswer, questionData, fetchQuestion, fetchQuizStats, moveQuestionToBottom]);
const moveQuestionToBottom = async () => {
try {
const questionIndex = questionData.question_index;
await axios.post(`${API_URL}/move-question-to-bottom/`, {
session_id: sessionId,
question_index: questionIndex,
});
} catch (error) {
alert('Error moving question to bottom: ' + (error.response?.data?.error || error.message));
}
};
// Event handlers // Event handlers
const handleMultipleAnswerChange = (answerText) => { const handleMultipleAnswerChange = (answerText) => {
@@ -127,18 +127,18 @@ const Quiz = ({ sessionId, onGoHome, onRetry }) => {
setUserAnswer(event.target.value); setUserAnswer(event.target.value);
}; };
const handleContinueClick = () => { const handleContinueClick = useCallback(() => {
setIsFeedbackVisible(false); setIsFeedbackVisible(false);
setFeedback(''); setFeedback('');
fetchQuestion(); fetchQuestion();
}; }, [fetchQuestion]);
const handleKeyPress = (event) => { const handleKeyPress = useCallback((event) => {
if (event.key === 'Enter') { if (event.key === 'Enter') {
if (isFeedbackVisible) { if (isFeedbackVisible) {
handleContinueClick(); handleContinueClick();
} else { } else {
const canSubmit = questionData.options.length > 1 const canSubmit = questionData?.options?.length > 1
? selectedAnswers.length > 0 ? selectedAnswers.length > 0
: userAnswer.trim() !== ''; : userAnswer.trim() !== '';
@@ -147,7 +147,7 @@ const Quiz = ({ sessionId, onGoHome, onRetry }) => {
} }
} }
} }
}; }, [isFeedbackVisible, selectedAnswers, userAnswer, questionData, handleContinueClick, handleSubmit]);
// Utility functions // Utility functions
const formatTime = (totalSeconds) => { const formatTime = (totalSeconds) => {
@@ -163,7 +163,7 @@ const Quiz = ({ sessionId, onGoHome, onRetry }) => {
return () => { return () => {
document.removeEventListener('keypress', handleKeyPress); document.removeEventListener('keypress', handleKeyPress);
}; };
}, [isFeedbackVisible, selectedAnswers, userAnswer, questionData]); }, [handleKeyPress]);
useEffect(() => { useEffect(() => {
fetchQuestion(); fetchQuestion();
@@ -174,7 +174,7 @@ const Quiz = ({ sessionId, onGoHome, onRetry }) => {
return () => { return () => {
clearInterval(id); clearInterval(id);
}; };
}, [sessionId]); }, [sessionId, fetchQuestion, fetchQuizStats]);
useEffect(() => { useEffect(() => {
if (quizCompleted) { if (quizCompleted) {