diff --git a/services/frontend/src/pages/Competition/index.tsx b/services/frontend/src/pages/Competition/index.tsx index fe37509..2c87809 100644 --- a/services/frontend/src/pages/Competition/index.tsx +++ b/services/frontend/src/pages/Competition/index.tsx @@ -64,15 +64,13 @@ const CompetitionPage = () => {
- {competition.image_url && ( -
- {competition.title} -
- )} +
+ {competition.title} +
@@ -89,7 +87,7 @@ const CompetitionPage = () => { onClick={handleStart} disabled={startMutation.isPending} > - {startMutation.isPending ? "Загрузка..." : "Начать"} + {startMutation.isPending ? "Загрузка..." : "Приступить к выполнению"}
diff --git a/services/frontend/src/pages/CompetitionSession/components/CompetitionHeader/index.tsx b/services/frontend/src/pages/CompetitionSession/components/CompetitionHeader/index.tsx index 74d11e4..96e36ef 100644 --- a/services/frontend/src/pages/CompetitionSession/components/CompetitionHeader/index.tsx +++ b/services/frontend/src/pages/CompetitionSession/components/CompetitionHeader/index.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { Link } from 'react-router-dom'; -import { Task } from "@/shared/types"; +import { Task } from '@/shared/types/task'; import { getTaskBgColor, getTaskTextColor } from '../../utils/utils'; interface CompetitionHeaderProps { @@ -28,12 +28,12 @@ const CompetitionHeader: React.FC = ({ - {task.number} + {task.in_competition_position} ))}
diff --git a/services/frontend/src/pages/CompetitionSession/components/TaskContent/index.tsx b/services/frontend/src/pages/CompetitionSession/components/TaskContent/index.tsx index af3e4f4..a1abc5f 100644 --- a/services/frontend/src/pages/CompetitionSession/components/TaskContent/index.tsx +++ b/services/frontend/src/pages/CompetitionSession/components/TaskContent/index.tsx @@ -10,30 +10,6 @@ interface TaskContentProps { } const TaskContent: React.FC = ({ task }) => { - const markdownContent = ` -## Задача на числовую последовательность - -Рассмотрим последовательность чисел: -\`2, 3, 5, 9, 17, 33, 65, 129, ...\` - -Каждый член этой последовательности, **начиная с третьего**, равен сумме двух предыдущих членов: -- $a_1 = 2$ -- $a_2 = 3$ -- $a_n = a_{n-1} + a_{n-2}$ для всех $n ≥ 3$ - -### Задание: -Найдите сумму первых 15 членов этой последовательности. - -*Примечание:* Для решения задачи вам может быть полезно записать несколько первых членов последовательности: -1. $a_1 = 2$ -2. $a_2 = 3$ -3. $a_3 = 3 + 2 = 5$ -4. $a_4 = 5 + 3 = 8$ -5. $a_5 = 8 + 5 = 13$ - -**В ответе укажите целое число.** - `; - return (

@@ -45,7 +21,7 @@ const TaskContent: React.FC = ({ task }) => { remarkPlugins={[remarkMath]} rehypePlugins={[rehypeKatex]} > - {markdownContent} + {task.description}

diff --git a/services/frontend/src/pages/CompetitionSession/index.tsx b/services/frontend/src/pages/CompetitionSession/index.tsx index f924000..acf4b00 100644 --- a/services/frontend/src/pages/CompetitionSession/index.tsx +++ b/services/frontend/src/pages/CompetitionSession/index.tsx @@ -1,45 +1,32 @@ -import { useState, useEffect } from "react"; +import { useState } from "react"; import { useParams, Navigate } from "react-router-dom"; -import { Task, TaskStatus } from "@/shared/types"; -import { mockSolutions } from "@/shared/mocks/mocks"; // Keep mocks for solutions for now +import { mockSolutions } from "@/shared/mocks/mocks"; import CompetitionHeader from "./components/CompetitionHeader"; import TaskContent from "./components/TaskContent"; import TaskSolution from "./modules/TaskSolution"; import { getCompetitionTasks } from "@/shared/api/session"; import { Loader2 } from "lucide-react"; +import { useQuery } from "@tanstack/react-query"; const CompetitionSession = () => { const { id, taskId } = useParams<{ id: string; taskId?: string }>(); - const [tasks, setTasks] = useState([]); const [answer, setAnswer] = useState(""); - const [loading, setLoading] = useState(true); - const [error, setError] = useState(null); - const competitionId = id || ""; - useEffect(() => { - const fetchTasks = async () => { - try { - setLoading(true); - const fetchedTasks = await getCompetitionTasks(competitionId); - setTasks(fetchedTasks); - setError(null); - } catch (err) { - console.error("Failed to fetch tasks:", err); - setError("Не удалось загрузить задания. Пожалуйста, попробуйте позже."); - } finally { - setLoading(false); - } - }; + const tasksQuery = useQuery({ + queryKey: ["competitionTasks", competitionId], + queryFn: () => getCompetitionTasks(competitionId), + enabled: !!competitionId, + // refetchOnWindowFocus: false, + }); - if (competitionId) { - fetchTasks(); - } - }, [competitionId]); + const tasks = tasksQuery.data || []; + const isLoading = tasksQuery.isLoading; + const error = tasksQuery.error ? "Не удалось загрузить задания. Пожалуйста, попробуйте позже." : null; const currentTask = tasks.find((t) => t.id === taskId) || null; - if (!taskId && tasks.length > 0 && !loading) { + if (!taskId && tasks.length > 0 && !isLoading) { return ( {
- {loading ? ( + {isLoading ? (

Загрузка заданий...

@@ -82,7 +69,7 @@ const CompetitionSession = () => { { ); }; -export default CompetitionSession; +export default CompetitionSession; \ No newline at end of file diff --git a/services/frontend/src/shared/types/task.ts b/services/frontend/src/shared/types/task.ts index 6de248b..9d215d3 100644 --- a/services/frontend/src/shared/types/task.ts +++ b/services/frontend/src/shared/types/task.ts @@ -2,7 +2,7 @@ export interface Task { id: string; title: string; description: string; - type: 'input' | 'file' | 'code'; + type: TaskType; in_competition_position: number; points: number; }