info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-09-01 21:32:35 +02:00
Code Issues Releases Wiki Activity

wip

Browse Source
This commit is contained in:
Arik Chakma
2025-07-02 21:18:24 +06:00
parent 8bb4f0a913
commit d8d6536e31
1 changed files with 23 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/components/AIQuiz/AIQuizContent.tsx
View File

@@ -5,6 +5,7 @@ import { AIOpenEndedQuestion } from './AIOpenEndedQuestion';
import { QuizTopNavigation } from './QuizTopNavigation';
import { getPercentage } from '../../lib/number';
import { AIQuizResults } from './AIQuizResults';
import { flushSync } from 'react-dom';
export type QuestionState = {
isSubmitted: boolean;
@@ -45,10 +46,12 @@ export function AIQuizContent(props: AIQuizContentProps) {
const handleSubmit = (status: QuestionState['status']) => {
setQuestionStates((prev) => {
const oldState = prev[activeQuestionIndex] ?? DEFAULT_QUESTION_STATE;
const newSelectedOptions = {
...prev,
[activeQuestionIndex]: {
...activeQuestionState,
...oldState,
isSubmitted: true,
status,
},
@@ -62,10 +65,12 @@ export function AIQuizContent(props: AIQuizContentProps) {
const handleSetUserAnswer = (userAnswer: string) => {
setQuestionStates((prev) => {
const oldState = prev[activeQuestionIndex] ?? DEFAULT_QUESTION_STATE;
const newSelectedOptions = {
...prev,
[activeQuestionIndex]: {
...activeQuestionState,
...oldState,
userAnswer,
},
};
@@ -75,25 +80,31 @@ export function AIQuizContent(props: AIQuizContentProps) {
};
const handleSetCorrectAnswer = (correctAnswer: string) => {
setQuestionStates((prev) => {
const newSelectedOptions = {
...prev,
[activeQuestionIndex]: {
...activeQuestionState,
correctAnswer,
},
};
flushSync(() => {
setQuestionStates((prev) => {
const oldState = prev[activeQuestionIndex] ?? DEFAULT_QUESTION_STATE;
return newSelectedOptions;
const newSelectedOptions = {
...prev,
[activeQuestionIndex]: {
...oldState,
correctAnswer,
},
};
return newSelectedOptions;
});
});
};
const handleSelectOptions = (options: number[]) => {
setQuestionStates((prev) => {
const oldState = prev[activeQuestionIndex] ?? DEFAULT_QUESTION_STATE;
const newSelectedOptions = {
...prev,
[activeQuestionIndex]: {
...activeQuestionState,
...oldState,
selectedOptions: options,
},
};