Ilgeldi
/
turkmentv_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

winnerTable fix

This commit is contained in:
Kakabay 2024-09-09 17:58:39 +05:00
parent 827c6f7897
commit 74c45f4e7f
1 changed files with 24 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
components/quiz/QuizWinnerTable.tsx
View File

@ -3,7 +3,7 @@ import { Queries } from '@/api/queries';
import { v4 } from 'uuid'; import { v4 } from 'uuid';
import { useState, useEffect, useContext, Dispatch, SetStateAction } from 'react'; import { useState, useEffect, useContext, Dispatch, SetStateAction } from 'react';
import { IQuizQuestionsWinners } from '@/models/quizQuestionsWinners.model'; import { Answer, IQuizQuestionsWinners } from '@/models/quizQuestionsWinners.model';
import QuizContext from '@/context/QuizContext'; import QuizContext from '@/context/QuizContext';
import { IQuizQuestions } from '@/models/quizQuestions.model'; import { IQuizQuestions } from '@/models/quizQuestions.model';
@ -46,8 +46,6 @@ const QuizWinnerTable = ({ quizId, quizFinished, smsNumber }: IProps) => {
const [winnersData, setWinnersData] = useState<IQuizQuestionsWinners>(); const [winnersData, setWinnersData] = useState<IQuizQuestionsWinners>();
const { questionsData } = useContext(QuizContext).quizQuestionsContext; const { questionsData } = useContext(QuizContext).quizQuestionsContext;
console.log('Questions:', questionsData);
const [socket, setSocket] = useState<WebSocket | null>(null); const [socket, setSocket] = useState<WebSocket | null>(null);
const [isConnected, setIsConnected] = useState(false); const [isConnected, setIsConnected] = useState(false);
@ -250,9 +248,29 @@ const QuizWinnerTable = ({ quizId, quizFinished, smsNumber }: IProps) => {
<div className="flex justify-center items-center gap-6 text-base text-textGray leading-[125%] w-[100%] px-3 py-5"> <div className="flex justify-center items-center gap-6 text-base text-textGray leading-[125%] w-[100%] px-3 py-5">
{questionsData {questionsData
? questionsData.map((question) => { ? questionsData.map((question) => {
const matchingAnswer = winner.client.answers.find( // const matchingAnswer = winner.client.answers.find(
(answer) => answer.question_id === question.id && answer.score !== 0, // (answer) => answer.question_id === question.id,
); // );
const matchingAnswer =
winner.client.answers.find(
(answer) => answer.question_id === question.id && answer.score > 0,
) ||
winner.client.answers.find(
(answer) => answer.question_id === question.id,
);
// const matchingAnswer = () => {
// const duplicateAnswers: Answer[] = [];
// winner.client.answers.map((answer) =>
// answer.question_id === question.id
// ? duplicateAnswers.push(answer)
// : null,
// );
// console.log(duplicateAnswers);
// };
return ( return (
<span <span