This commit is contained in:
Kakabay 2024-09-05 16:36:55 +05:00
parent 2b9adfc433
commit b2b2b1f9c5
4 changed files with 4 additions and 51 deletions

View File

@ -17,14 +17,6 @@ const page = () => {
const [quizFinished, setQuizFinished] = useState<boolean>(false); const [quizFinished, setQuizFinished] = useState<boolean>(false);
const [data, setData] = useState<IQuizQuestions>(); const [data, setData] = useState<IQuizQuestions>();
// const { data, error, isFetching } = useQuery(
// ['quiz_questions'],
// () => Queries.getQuizQuestions(),
// {
// keepPreviousData: true,
// },
// );
useEffect(() => { useEffect(() => {
Queries.getQuizQuestions().then((res) => { Queries.getQuizQuestions().then((res) => {
setData(res); setData(res);

View File

@ -1,40 +0,0 @@
import { useEffect, useState } from 'react';
interface Message {
data: string;
}
const WebSocketComponent: React.FC = () => {
const [message, setMessage] = useState();
const [socket, setSocket] = useState<WebSocket | null>(null);
useEffect(() => {
// Initialize WebSocket connection
const ws = new WebSocket('ws://localhost:8080/ws');
setSocket(ws);
// Event listener for messages received from server
ws.onmessage = (event: MessageEvent) => {
console.log('Received from server:', event.data);
setMessage(event.data);
};
// Handle WebSocket errors
ws.onerror = (error: Event) => {
console.error('WebSocket error:', error);
};
// Cleanup the WebSocket connection on component unmount
return () => {
ws.close();
};
}, []);
return (
<div>
<h1>TypeScript WebSocket Example</h1>
</div>
);
};
export default WebSocketComponent;

View File

@ -1,4 +1,3 @@
import PageBage from '@/components/vote/PageBage';
import ParticipantsList from '@/components/vote/ParticipantsList'; import ParticipantsList from '@/components/vote/ParticipantsList';
import VoteProvider from '@/providers/VoteProvider'; import VoteProvider from '@/providers/VoteProvider';

View File

@ -96,11 +96,13 @@ const QuizQuestionList = ({
} }
}, [quizFinished]); }, [quizFinished]);
console.log(data);
return ( return (
<div className="flex flex-col gap-[40px] md:gap-[160px]"> <div className="flex flex-col gap-[40px] md:gap-[160px]">
{data && !quizSearchData ? ( {data && !quizSearchData ? (
data.data.questions.map((question, id) => data.data.questions.map((question, id) =>
question.status != 'new' ? ( question.status !== 'new' ? (
<QuizQuestion <QuizQuestion
score={question.score} score={question.score}
questionId={question.id} questionId={question.id}
@ -119,7 +121,7 @@ const QuizQuestionList = ({
</h2> </h2>
) : data ? ( ) : data ? (
data.data.questions.map((question, id) => data.data.questions.map((question, id) =>
question.status != 'new' ? ( question.status !== 'new' ? (
<QuizQuestion <QuizQuestion
score={question.score} score={question.score}
questionId={question.id} questionId={question.id}