submissions

src/pages/Mission.tsx

@@ -2,10 +2,12 @@ import { useParams, Navigate } from 'react-router-dom';
 import CodeEditor from '../views/mission/codeeditor/CodeEditor';
 import Statement, { StatementData } from '../views/mission/statement/Statement';
 import { PrimaryButton } from '../components/button/PrimaryButton';
-import { useEffect, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { useAppDispatch, useAppSelector } from '../redux/hooks';
-import { submitMission } from '../redux/slices/submit';
+import { fetchMySubmitsByMission, submitMission } from '../redux/slices/submit';
 import { fetchMissionById } from '../redux/slices/missions';
+import Header from '../views/mission/statement/Header';
+import MissionSubmissions from '../views/mission/statement/MissionSubmissions';
 
 const Mission = () => {
 
@@ -15,35 +17,86 @@ const Mission = () => {
   const { missionId } = useParams<{ missionId: string }>();
   const mission = useAppSelector((state) => state.missions.currentMission);
   const missionIdNumber = Number(missionId);
-
-  const [code, setCode] = useState<string>("");
-  const [language, setLanguage] = useState<string>("");
-
-  // Если missionId нет, редиректим на /home
-
-  // Если missionId нет или не число — редиректим
   if (!missionId || isNaN(missionIdNumber)) {
     return <Navigate to="/home" replace />;
   }
 
+  const [code, setCode] = useState<string>("");
+  const [language, setLanguage] = useState<string>("");
+
+  const pollingRef = useRef<number | null>(null);
+  const submissions = useAppSelector((state) => state.submin.submitsById[missionIdNumber] || []);
+
   useEffect(() => {
     dispatch(fetchMissionById(missionIdNumber));
+    dispatch(fetchMySubmitsByMission(missionIdNumber));
+  }, [missionIdNumber]);
+
+  useEffect(() => {
+    return () => {
+      if (pollingRef.current) {
+        clearInterval(pollingRef.current);
+        pollingRef.current = null;
+      }
+    };
   }, []);
 
-if (!mission || !mission.statements || mission.statements.length === 0) {
-  return <div>Загрузка или миссия не найдена...</div>;
-}
+
+  useEffect(() => {
+    if (submissions.length === 0) return;
+
+    const hasWaiting = submissions.some(
+      s => s.solution.status === "Waiting" || s.solution.testerState === "Waiting"
+    );
+
+    if (hasWaiting) {
+      startPolling();
+    }
+  }, [submissions]);
+
+
+  if (!mission || !mission.statements || mission.statements.length === 0) {
+    return <div>Загрузка...</div>;
+  }
 
 
 
-const statementRaw = mission.statements[0];
+  interface StatementData {
+    id: number;
+    legend?: string;
+    timeLimit?: number;
+    output?: string;
+    input?: string;
+    sampleTests?: any[];
+    name?: string;
+    memoryLimit?: number;
+    tags?: string[];
+    notes?: string;
+    html?: string;
+    mediaFiles?: any[];
+  }
+
   let statementData: StatementData = { id: mission.id };
 
   try {
-    const statementTexts = JSON.parse(statementRaw.statementTexts["problem-properties.json"]);
-    // console.log(mission);
+    // 1. Берём первый statement с форматом Latex и языком russian
+    const latexStatement = mission.statements.find(
+      (stmt: any) => stmt && stmt.language === "russian" && stmt.format === "Latex"
+    );
+
+    // 2. Берём первый statement с форматом Html и языком russian
+    const htmlStatement = mission.statements.find(
+      (stmt: any) => stmt && stmt.language === "russian" && stmt.format === "Html"
+    );
+
+    if (!latexStatement) throw new Error("Не найден блок Latex на русском");
+    if (!htmlStatement) throw new Error("Не найден блок Html на русском");
+
+    // 3. Парсим данные из problem-properties.json
+    const statementTexts = JSON.parse(latexStatement.statementTexts["problem-properties.json"]);
+
     statementData = {
-      id: statementRaw.id,
+      id: missionIdNumber,
       legend: statementTexts.legend,
       timeLimit: statementTexts.timeLimit,
       output: statementTexts.output,
@@ -53,41 +106,81 @@ const statementRaw = mission.statements[0];
       memoryLimit: statementTexts.memoryLimit,
       tags: mission.tags,
       notes: statementTexts.notes,
+      html: htmlStatement.statementTexts["problem.html"],
+      mediaFiles: latexStatement.mediaFiles
     };
   } catch (err) {
     console.error("Ошибка парсинга statementTexts:", err);
   }
-  
+
+
+
+
+  const startPolling = () => {
+    if (pollingRef.current) 
+      return;
+
+    pollingRef.current = setInterval(async () => {
+      dispatch(fetchMySubmitsByMission(missionIdNumber));
+
+      const hasWaiting = submissions.some(
+        (s: any) => s.solution.status == "Waiting" || s.solution.testerState === "Waiting"
+      );
+      if (!hasWaiting) {
+        // Всё проверено — стоп
+        if (pollingRef.current) {
+          clearInterval(pollingRef.current);
+          pollingRef.current = null;
+        }
+      }
+    }, 5000); // 10 секунд
+  };
+
+
 
   return (
-    <div className="w-full bg-liquid-background grid grid-cols-[minmax(0,1fr),minmax(0,1fr)] h-full gap-[20px] relative">
-      <div><Statement 
-        id={missionIdNumber} 
-        {...statementData}
 
-      />
+    <div className="h-screen grid grid-rows-[60px,1fr]">
+      <div className="">
+        <Header missionId={missionIdNumber} />
       </div>
-      <div className=' grid grid-rows-[1fr,200px] grid-flow-row h-full w-full gap-[20px]'>
-        <div className='w-full relative'>
-          <CodeEditor
-            onChange={(value: string) => { setCode(value); }}
-            onChangeLanguage={((value: string) => { setLanguage(value); })}
+
+      <div className="grid grid-cols-2 h-full min-h-0 gap-[20px]">
+        <div className="overflow-y-auto min-h-0  overflow-hidden">
+          <Statement
+            {...statementData}
+
           />
         </div>
-        <div>
-          <PrimaryButton text='Отправить' onClick={() => {
-            dispatch(submitMission({
-              missionId: missionIdNumber,
-              language: language,
-              languageVersion: "latest",
-              sourceCode: code,
-              contestId: null,
 
-            }))
-          }} />
+        <div className="overflow-y-auto min-h-0 overflow-hidden pb-[20px]">
+          <div className=' grid grid-rows-[1fr,45px,230px] grid-flow-row h-full w-full gap-[20px] '>
+            <div className='w-full relative '>
+              <CodeEditor
+                onChange={(value: string) => { setCode(value); }}
+                onChangeLanguage={((value: string) => { setLanguage(value); })}
+              />
+            </div>
+            <div>
+              <PrimaryButton text='Отправить' onClick={async () => {
+                await dispatch(submitMission({
+                  missionId: missionIdNumber,
+                  language: language,
+                  languageVersion: "latest",
+                  sourceCode: code,
+                  contestId: null,
+
+                })).unwrap();
+                dispatch(fetchMySubmitsByMission(missionIdNumber));
+              }} />
+            </div>
+
+            <div className='h-full w-full '>
+              <MissionSubmissions missionId={missionIdNumber} />
+            </div>
+          </div>
         </div>
       </div>
-      <div className="absolute top-0 bottom-0 left-1/2 w-[1px] bg-liquid-lighter transform -translate-x-1/2"></div>
     </div>
   );
 };