Add ettempts in contests

2025-12-03 21:15:42 +03:00
parent 8f337e6f7b
commit 358c7def78
14 changed files with 377 additions and 260 deletions
--- a/src/pages/Mission.tsx
+++ b/src/pages/Mission.tsx
@@ -9,6 +9,7 @@ import { fetchMissionById, setMissionsStatus } from '../redux/slices/missions';
 import Header from '../views/mission/statement/Header';
 import MissionSubmissions from '../views/mission/statement/MissionSubmissions';
 import { useQuery } from '../hooks/useQuery';
+import { fetchMyAttemptsInContest } from '../redux/slices/contests';

 const Mission = () => {
    const dispatch = useAppDispatch();
@@ -20,6 +21,10 @@ const Mission = () => {
    const missionStatus = useAppSelector(
        (state) => state.missions.statuses.fetchById,
    );
+    const attempt = useAppSelector(
+        (state) => state.contests.fetchMyAttemptsInContest.attempts[0],
+    );
+
    const missionIdNumber = Number(missionId);

    const query = useQuery();
@@ -44,6 +49,9 @@ const Mission = () => {
        if (pollingRef.current) return;

        pollingRef.current = setInterval(async () => {
+            if (contestId) {
+                dispatch(fetchMyAttemptsInContest(contestId));
+            }
            dispatch(fetchMySubmitsByMission(missionIdNumber));

            const hasWaiting = submissionsRef.current.some(
@@ -63,6 +71,12 @@ const Mission = () => {
        }, 5000); // 10 секунд
    };

+    useEffect(() => {
+        if (contestId) {
+            dispatch(fetchMyAttemptsInContest(contestId));
+        }
+    }, [contestId]);
+
    useEffect(() => {
        dispatch(fetchMissionById(missionIdNumber));
        dispatch(fetchMySubmitsByMission(missionIdNumber));
@@ -194,7 +208,8 @@ const Mission = () => {
                                            language: language,
                                            languageVersion: 'latest',
                                            sourceCode: code,
-                                            contestId: contestId,
+                                            contestAttemptId:
+                                                attempt?.attemptId,
                                        }),
                                    ).unwrap();
                                    dispatch(
--- a/src/redux/slices/contests.ts
+++ b/src/redux/slices/contests.ts
@@ -75,6 +75,7 @@ export interface Attempt {
    startedAt: string;
    expiresAt: string;
    finished: boolean;
+    submissions?: Submission[];
    results?: any[];
 }

@@ -203,12 +204,11 @@ interface ContestsState {
    };

    fetchParticipating: {
-        contests: Contest[],
-        hasNextPage: boolean,
-        status: Status,
-        error?: string,
+        contests: Contest[];
+        hasNextPage: boolean;
+        status: Status;
+        error?: string;
    };
-
 }

 const emptyContest: Contest = {
@@ -258,7 +258,6 @@ const initialState: ContestsState = {
        status: 'idle',
        error: undefined,
    },
-
 };

 // =====================
@@ -277,19 +276,18 @@ export const fetchParticipatingContests = createAsyncThunk(
            const { page = 0, pageSize = 10 } = params;
            const response = await axios.get<ContestsResponse>(
                '/contests/participating',
-                { params: { page, pageSize } }
+                { params: { page, pageSize } },
            );
            return response.data;
        } catch (err: any) {
            return rejectWithValue(
-                err.response?.data?.message || 'Failed to fetch participating contests'
+                err.response?.data?.message ||
+                    'Failed to fetch participating contests',
            );
        }
-    }
+    },
 );

-
-
 export const fetchMySubmissions = createAsyncThunk(
    'contests/fetchMySubmissions',
    async (contestId: number, { rejectWithValue }) => {
@@ -928,7 +926,6 @@ const contestsSlice = createSlice({
            },
        );

-
        builder.addCase(fetchParticipatingContests.pending, (state) => {
            state.fetchParticipating.status = 'loading';
        });
@@ -938,15 +935,18 @@ builder.addCase(
            (state, action: PayloadAction<ContestsResponse>) => {
                state.fetchParticipating.status = 'successful';
                state.fetchParticipating.contests = action.payload.contests;
-        state.fetchParticipating.hasNextPage = action.payload.hasNextPage;
-    }
+                state.fetchParticipating.hasNextPage =
+                    action.payload.hasNextPage;
+            },
        );

-builder.addCase(fetchParticipatingContests.rejected, (state, action: any) => {
+        builder.addCase(
+            fetchParticipatingContests.rejected,
+            (state, action: any) => {
                state.fetchParticipating.status = 'failed';
                state.fetchParticipating.error = action.payload;
-});
-
+            },
+        );
    },
 });

--- a/src/redux/slices/submit.ts
+++ b/src/redux/slices/submit.ts
@@ -8,7 +8,7 @@ export interface Submit {
    language: string;
    languageVersion: string;
    sourceCode: string;
-    contestId?: number;
+    contestAttemptId?: number;
 }

 export interface Solution {
--- a/src/views/home/account/missions/MyMissionItem.tsx
+++ b/src/views/home/account/missions/MyMissionItem.tsx
@@ -1,8 +1,7 @@
 import { cn } from '../../../../lib/cn';
 import { useNavigate } from 'react-router-dom';
 import { Edit } from '../../../../assets/icons/input';
-import { useAppDispatch, useAppSelector } from '../../../../redux/hooks';
-import { deleteMission } from '../../../../redux/slices/missions';
+import { useAppSelector } from '../../../../redux/hooks';

 export interface MissionItemProps {
    id: number;
@@ -43,7 +42,6 @@ const MissionItem: React.FC<MissionItemProps> = ({
    setDeleteModalActive,
 }) => {
    const navigate = useNavigate();
-    const dispatch = useAppDispatch();
    const difficultyItems = ['Easy', 'Medium', 'Hard'];
    const difficultyString =
        difficultyItems[Math.min(Math.max(0, difficulty - 1), 2)];
--- a/src/views/home/auth/Login.tsx
+++ b/src/views/home/auth/Login.tsx
@@ -8,8 +8,6 @@ import { loginUser } from '../../../redux/slices/auth';
 // import { cn } from "../../../lib/cn";
 import { setMenuActivePage } from '../../../redux/slices/store';
 import { Balloon } from '../../../assets/icons/auth';
-import { SecondaryButton } from '../../../components/button/SecondaryButton';
-import { googleLogo } from '../../../assets/icons/input';

 const Login = () => {
    const dispatch = useAppDispatch();
--- a/src/views/home/auth/Register.tsx
+++ b/src/views/home/auth/Register.tsx
@@ -9,9 +9,7 @@ import { registerUser } from '../../../redux/slices/auth';
 import { setMenuActivePage } from '../../../redux/slices/store';
 import { Balloon } from '../../../assets/icons/auth';
 import { Link } from 'react-router-dom';
-import { SecondaryButton } from '../../../components/button/SecondaryButton';
 import { Checkbox } from '../../../components/checkbox/Checkbox';
-import { googleLogo } from '../../../assets/icons/input';

 function isValidEmail(email: string): boolean {
    const pattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
--- a/src/views/home/contest/Missions.tsx
+++ b/src/views/home/contest/Missions.tsx
@@ -2,8 +2,6 @@ import { FC, useEffect, useState } from 'react';
 import MissionItem from './MissionItem';
 import {
    Contest,
-    fetchContestById,
-    fetchContests,
    fetchMyAttemptsInContest,
    fetchMySubmissions,
    setContestStatus,
@@ -24,35 +22,39 @@ interface ContestMissionsProps {
    contest?: Contest;
 }

-
-
 const ContestMissions: FC<ContestMissionsProps> = ({ contest }) => {
    const navigate = useNavigate();
    const dispatch = useAppDispatch();
-    const { submissions, status } = useAppSelector(
+    const { status } = useAppSelector(
        (state) => state.contests.fetchMySubmissions,
    );

-    const attempts = useAppSelector((state) => state.contests.fetchMyAttemptsInContest.attempts);
-    const [attemptsStarted, setAttemptsStarted] = useState<boolean>(false);
+    const attempts = useAppSelector(
+        (state) => state.contests.fetchMyAttemptsInContest.attempts,
+    );
+    const submissions = useAppSelector(
+        (state) =>
+            state.contests.fetchMyAttemptsInContest.attempts[0]?.submissions,
+    );

+    const [attemptsStarted, setAttemptsStarted] = useState<boolean>(false);

    const [time, setTime] = useState(0);

    useEffect(() => {
-        
        const calc = (time: string) => {
-            return time != "" && new Date() <= new Date(time);
-        }
+            return time != '' && new Date() <= new Date(time);
+        };
        if (attempts.length && calc(attempts[0].expiresAt)) {
-            
            setAttemptsStarted(true);

-            const diffMs = new Date(attempts[0].expiresAt).getTime() - new Date().getTime();
+            const diffMs =
+                new Date(attempts[0].expiresAt).getTime() -
+                new Date().getTime();

-            const seconds = Math.floor((diffMs / 1000));
+            const seconds = Math.floor(diffMs / 1000);

-            setTime(seconds)
+            setTime(seconds);

            const interval = setInterval(() => {
                setTime((t) => {
@@ -66,10 +68,8 @@ const ContestMissions: FC<ContestMissionsProps> = ({ contest }) => {
            }, 1000);

            return () => clearInterval(interval);
-        }
-        else
-            setAttemptsStarted(false);
-    }, [attempts])
+        } else setAttemptsStarted(false);
+    }, [attempts]);

    useEffect(() => {
        if (contest) dispatch(fetchMySubmissions(contest.id));
@@ -88,7 +88,7 @@ const ContestMissions: FC<ContestMissionsProps> = ({ contest }) => {
    }

    const solvedCount = (contest.missions ?? []).filter((mission) =>
-        submissions.some(
+        submissions?.some(
            (s) =>
                s.solution.missionId === mission.id &&
                s.solution.status === 'Accepted: All tests passed',
@@ -97,11 +97,9 @@ const ContestMissions: FC<ContestMissionsProps> = ({ contest }) => {

    const totalCount = contest.missions?.length ?? 0;

-
    // форматирование: mm:ss
-  const minutes = String(Math.floor(time / 60)).padStart(2, "0");
-  const seconds = String(time % 60).padStart(2, "0");
-
+    const minutes = String(Math.floor(time / 60)).padStart(2, '0');
+    const seconds = String(time % 60).padStart(2, '0');

    return (
        <div className=" h-screen grid grid-rows-[74px,40px,1fr] p-[20px] gap-[20px]">
@@ -125,41 +123,58 @@ const ContestMissions: FC<ContestMissionsProps> = ({ contest }) => {
                    <div className="text-liquid-light font-bold text-[18px]">
                        {attemptsStarted
                            ? `${minutes}:${seconds}`
-                            : `Длительность попытки: ${contest.attemptDurationMinutes ?? 0} минут`}
+                            : `Длительность попытки: ${
+                                  contest.attemptDurationMinutes ?? 0
+                              } минут. Осталось попыток ${
+                                  (contest.maxAttempts ?? 0) -
+                                  (attempts?.length ?? 0)
+                              }/${contest.maxAttempts ?? 0}`}
                    </div>
-
                </div>
            </div>
            <div className="flex justify-between items-center">
                <div className="text-liquid-white text-[16px] font-bold">{`${solvedCount}/${totalCount} Решено`}</div>
-                <div className='flex gap-[20px]'> 
-                    { attempts.length == 0 || !attemptsStarted ? <PrimaryButton
+                <div className="flex gap-[20px]">
+                    {attempts.length == 0 || !attemptsStarted ? (
+                        <PrimaryButton
                            onClick={() => {
-                        dispatch(startContestAttempt(contest.id)).unwrap().then(() => 
-                                {
-                                    dispatch(fetchMyAttemptsInContest(contest.id));
-                                }
+                                dispatch(startContestAttempt(contest.id))
+                                    .unwrap()
+                                    .then(() => {
+                                        dispatch(
+                                            fetchMyAttemptsInContest(
+                                                contest.id,
+                                            ),
                                        );
+                                    });
                            }}
                            text="Начать попытку"
-                /> : <></>
-                    } <PrimaryButton
+                            disabled={
+                                (contest.maxAttempts ?? 0) -
+                                    (attempts?.length ?? 0) <=
+                                0
+                            }
+                        />
+                    ) : (
+                        <></>
+                    )}{' '}
+                    <PrimaryButton
                        onClick={() => {
                            navigate(`/contest/${contest.id}/submissions`);
                        }}
                        text="Мои посылки"
-                /></div>
-                
+                    />
+                </div>
            </div>

            <div className="h-full min-h-0 overflow-y-scroll medium-scrollbar flex flex-col gap-[20px]">
                <div className="w-full">
                    {(contest.missions ?? []).map((v, i) => {
-                        const missionSubmissions = submissions.filter(
+                        const missionSubmissions = submissions?.filter(
                            (s) => s.solution.missionId === v.id,
                        );

-                        const hasSuccess = missionSubmissions.some(
+                        const hasSuccess = missionSubmissions?.some(
                            (s) =>
                                s.solution.status ==
                                'Accepted: All tests passed',
@@ -167,7 +182,8 @@ const ContestMissions: FC<ContestMissionsProps> = ({ contest }) => {

                        const status = hasSuccess
                            ? 'success'
-                            : missionSubmissions.length > 0
+                            : missionSubmissions?.length &&
+                              missionSubmissions.length > 0
                            ? 'error'
                            : undefined;

--- a/src/views/home/contest/Submissions.tsx
+++ b/src/views/home/contest/Submissions.tsx
@@ -1,19 +1,15 @@
-import SubmissionItem from "./SubmissionItem";
-import { useAppDispatch, useAppSelector } from "../../../redux/hooks";
-import { FC, useEffect } from "react";
-import {
-  Contest,
-  fetchMySubmissions,
-  setContestStatus,
-} from "../../../redux/slices/contests";
-import { arrowLeft } from "../../../assets/icons/header";
-import { useNavigate } from "react-router-dom";
+import { useAppDispatch, useAppSelector } from '../../../redux/hooks';
+import { FC, useEffect } from 'react';
+import { Contest, fetchMySubmissions } from '../../../redux/slices/contests';
+import { arrowLeft } from '../../../assets/icons/header';
+import { useNavigate } from 'react-router-dom';
+import SubmissionsBlock from './SubmissionsBlock';

 export interface Mission {
    id: number;
    authorId: number;
    name: string;
-  difficulty: "Easy" | "Medium" | "Hard";
+    difficulty: 'Easy' | 'Medium' | 'Hard';
    tags: string[];
    timeLimit: number;
    memoryLimit: number;
@@ -29,33 +25,24 @@ const Submissions: FC<SubmissionsProps> = ({ contest }) => {
    const dispatch = useAppDispatch();
    const navigate = useNavigate();

-  const { submissions, status } = useAppSelector(
-    (state) => state.contests.fetchMySubmissions
+    const attempts = useAppSelector(
+        (state) => state.contests.fetchMyAttemptsInContest.attempts,
+    );
+    const submissions = useAppSelector(
+        (state) =>
+            state.contests.fetchMyAttemptsInContest.attempts[0]?.submissions,
    );
-

    useEffect(() => {
        if (contest && contest.id) dispatch(fetchMySubmissions(contest.id));
    }, [contest]);

-  useEffect(() => {
-    if (status == "successful") {
-      dispatch(setContestStatus({ key: "fetchMySubmissions", status: "idle" }));
-    }
-  }, [status]);
-
-  const checkStatus = (status: string) => {
-    if (status == "IncorrectAnswer") return "wronganswer";
-    if (status == "TimeLimitError") return "timelimit";
-    return undefined;
-  };
-
    const solvedCount = (contest.missions ?? []).filter((mission) =>
-    submissions.some(
+        submissions?.some(
            (s) =>
                s.solution.missionId === mission.id &&
-        s.solution.status === "Accepted: All tests passed"
-    )
+                s.solution.status === 'Accepted: All tests passed',
+        ),
    ).length;

    const totalCount = contest.missions?.length ?? 0;
@@ -82,46 +69,10 @@ const Submissions: FC<SubmissionsProps> = ({ contest }) => {
                    <div className="text-liquid-white text-[16px] font-bold">{`${solvedCount}/${totalCount} Решено`}</div>
                </div>
            </div>
-
-      <div>
-        <div className="grid grid-cols-7 text-center items-center h-[43px] mb-[10px] text-[16px] font-bold text-liquid-white">
-          <div>Посылка</div>
-          <div>Когда</div>
-          <div>Задача</div>
-          <div>Язык</div>
-          <div>Вердикт</div>
-          <div>Время</div>
-          <div>Память</div>
-        </div>
-
-        {!submissions || submissions.length == 0 ? (
-          <div className="text-liquid-brightmain text-[16px] font-medium text-center mt-[50px]">Вы еще ничего не отсылали</div>
-        ) : (
-          <>
-            {submissions.map((v, i) => (
-              <SubmissionItem
-                key={i}
-                id={v.id ?? 0}
-                datetime={v.solution.time}
-                missionId={v.solution.missionId}
-                language={v.solution.language}
-                verdict={
-                  v.solution.testerMessage?.includes("Compilation failed")
-                    ? "Compilation failed"
-                    : v.solution.testerMessage
-                }
-                duration={1000}
-                memory={256 * 1024 * 1024}
-                type={i % 2 ? "second" : "first"}
-                status={
-                  v.solution.testerMessage == "All tests passed"
-                    ? "success"
-                    : checkStatus(v.solution.testerErrorCode)
-                }
-              />
+            <div className="h-full overflow-y-scroll medium-scrollbar pr-[20px]">
+                {attempts?.map((v, i) => (
+                    <SubmissionsBlock key={i} attempt={v} />
                ))}
-          </>
-        )}
            </div>
        </div>
    );
--- a/src/views/home/contest/SubmissionsBlock.tsx
+++ b/src/views/home/contest/SubmissionsBlock.tsx
@@ -0,0 +1,75 @@
+import SubmissionItem from './SubmissionItem';
+import { FC } from 'react';
+import { Attempt } from '../../../redux/slices/contests';
+
+interface SubmissionsBlockProps {
+    attempt: Attempt;
+}
+
+const SubmissionsBlock: FC<SubmissionsBlockProps> = ({ attempt }) => {
+    const submissions = attempt?.submissions;
+    const isFinished = new Date(attempt.expiresAt) < new Date();
+
+    const checkStatus = (status: string) => {
+        if (status == 'IncorrectAnswer') return 'wronganswer';
+        if (status == 'TimeLimitError') return 'timelimit';
+        return undefined;
+    };
+
+    return (
+        <div className="mb-[50px]">
+            <div className="flex items-center justify-center text-liquid-white font-bold text-[20px]">{`Попытка #${attempt.attemptId}`}</div>
+            {!submissions || submissions.length == 0 ? (
+                <></>
+            ) : (
+                <div className="grid grid-cols-7 text-center items-center h-[43px] mb-[10px] text-[16px] font-bold text-liquid-white">
+                    <div>Посылка</div>
+                    <div>Когда</div>
+                    <div>Задача</div>
+                    <div>Язык</div>
+                    <div>Вердикт</div>
+                    <div>Время</div>
+                    <div>Память</div>
+                </div>
+            )}
+
+            {!submissions || submissions.length == 0 ? (
+                <div className="text-liquid-brightmain text-[16px] font-medium text-center">
+                    {isFinished
+                        ? 'Вы ничего не посылали в этот сеанс'
+                        : 'Вы еще ничего не отсылали'}
+                </div>
+            ) : (
+                <>
+                    {submissions.map((v, i) => (
+                        <SubmissionItem
+                            key={i}
+                            id={v.id ?? 0}
+                            datetime={v.solution.time}
+                            missionId={v.solution.missionId}
+                            language={v.solution.language}
+                            verdict={
+                                v.solution.testerMessage?.includes(
+                                    'Compilation failed',
+                                )
+                                    ? 'Compilation failed'
+                                    : v.solution.testerMessage
+                            }
+                            duration={1000}
+                            memory={256 * 1024 * 1024}
+                            type={i % 2 ? 'second' : 'first'}
+                            status={
+                                v.solution.testerMessage == 'All tests passed'
+                                    ? 'success'
+                                    : checkStatus(v.solution.testerErrorCode)
+                            }
+                        />
+                    ))}
+                </>
+            )}
+            <div className="h-[1px] bg-liquid-lighter mt-[50px]"></div>
+        </div>
+    );
+};
+
+export default SubmissionsBlock;
--- a/src/views/home/contests/ContestItem.tsx
+++ b/src/views/home/contests/ContestItem.tsx
@@ -3,12 +3,12 @@ import { Account } from '../../../assets/icons/auth';
 import { PrimaryButton } from '../../../components/button/PrimaryButton';
 import { ReverseButton } from '../../../components/button/ReverseButton';
 import { useNavigate } from 'react-router-dom';
-import { toastSuccess, toastWarning } from '../../../lib/toastNotification';
+import { toastWarning } from '../../../lib/toastNotification';
 import { useEffect, useState } from 'react';
 import { useAppDispatch, useAppSelector } from '../../../redux/hooks';
 import { addOrUpdateContestMember } from '../../../redux/slices/contests';

-export type Role = "None" | "Participant"  | "Organizer";
+export type Role = 'None' | 'Participant' | 'Organizer';

 export interface ContestItemProps {
    id: number;
@@ -67,31 +67,29 @@ const ContestItem: React.FC<ContestItemProps> = ({

    const waitTime = new Date(startAt).getTime() - now.getTime();

-    const [myRole, setMyRole] = useState<Role>("None");
+    const [myRole, setMyRole] = useState<Role>('None');

    const userId = useAppSelector((state) => state.auth.id);
-    const {contests: contestsRegistered} = useAppSelector((state) => state.contests.fetchParticipating);
-    const {contests: contestsMy} = useAppSelector((state) => state.contests.fetchMyContests);
-
+    const { contests: contestsRegistered } = useAppSelector(
+        (state) => state.contests.fetchParticipating,
+    );
+    const { contests: contestsMy } = useAppSelector(
+        (state) => state.contests.fetchMyContests,
+    );

    useEffect(() => {
        if (!contestsRegistered || contestsRegistered.length === 0) {
-            setMyRole("None");
+            setMyRole('None');
            return;
        }

-        const reg = contestsRegistered.find(c => c.id === id);
-        const my = contestsMy.find(c => c.id === id);
-
-        if (my)
-            setMyRole("Organizer");
-        else if (reg)
-            setMyRole("Participant");
-        else
-            setMyRole("None");
-    }, [contestsRegistered])
-
+        const reg = contestsRegistered.find((c) => c.id === id);
+        const my = contestsMy.find((c) => c.id === id);

+        if (my) setMyRole('Organizer');
+        else if (reg) setMyRole('Participant');
+        else setMyRole('None');
+    }, [contestsRegistered]);

    return (
        <div
@@ -105,7 +103,7 @@ const ContestItem: React.FC<ContestItemProps> = ({
            )}
            onClick={() => {
                if (myRole == 'None') {
-                    toastWarning("Зарегистрируйтесь на контест");
+                    toastWarning('Зарегистрируйтесь на контест');
                    return;
                }
                navigate(`/contest/${id}`);
@@ -133,15 +131,30 @@ const ContestItem: React.FC<ContestItemProps> = ({
                {myRole == 'None' ? (
                    <>
                        {' '}
-                        <PrimaryButton onClick={() => {
-                            dispatch(addOrUpdateContestMember({contestId: id, member: {userId: Number(userId), role:"Participant"}}))
-                        }} text="Регистрация" />
+                        <PrimaryButton
+                            onClick={() => {
+                                dispatch(
+                                    addOrUpdateContestMember({
+                                        contestId: id,
+                                        member: {
+                                            userId: Number(userId),
+                                            role: 'Participant',
+                                        },
+                                    }),
+                                );
+                            }}
+                            text="Регистрация"
+                        />
                    </>
                ) : (
                    <>
                        {' '}
-                        <ReverseButton onClick={() => {
-                navigate(`/contest/${id}`);}} text="Войти" />
+                        <ReverseButton
+                            onClick={() => {
+                                navigate(`/contest/${id}`);
+                            }}
+                            text="Войти"
+                        />
                    </>
                )}
            </div>
--- a/src/views/home/contests/ContestsBlock.tsx
+++ b/src/views/home/contests/ContestsBlock.tsx
@@ -3,7 +3,6 @@ import { cn } from '../../../lib/cn';
 import { ChevroneDown } from '../../../assets/icons/groups';
 import ContestItem from './ContestItem';
 import { Contest } from '../../../redux/slices/contests';
-import { useAppSelector } from '../../../redux/hooks';

 interface ContestsBlockProps {
    contests: Contest[];
@@ -58,8 +57,12 @@ const ContestsBlock: FC<ContestsBlockProps> = ({
                                name={v.name}
                                startAt={v.startsAt ?? new Date().toString()}
                                duration={
-                                    new Date(v.endsAt  ?? new Date().toString()).getTime() -
-                                    new Date(v.startsAt  ?? new Date().toString()).getTime()
+                                    new Date(
+                                        v.endsAt ?? new Date().toString(),
+                                    ).getTime() -
+                                    new Date(
+                                        v.startsAt ?? new Date().toString(),
+                                    ).getTime()
                                }
                                members={v.members?.length ?? 0}
                                type={i % 2 ? 'second' : 'first'}
--- a/src/views/home/groups/Filter.tsx
+++ b/src/views/home/groups/Filter.tsx
@@ -1,22 +1,6 @@
-import {
-    FilterDropDown,
-    FilterItem,
-} from '../../../components/drop-down-list/Filter';
-import { SorterDropDown } from '../../../components/drop-down-list/Sorter';
 import { SearchInput } from '../../../components/input/SearchInput';

 const Filters = () => {
-    const items: FilterItem[] = [
-        { text: 'React', value: 'react' },
-        { text: 'Vue', value: 'vue' },
-        { text: 'Angular', value: 'angular' },
-        { text: 'Svelte', value: 'svelte' },
-        { text: 'Next.js', value: 'next' },
-        { text: 'Nuxt', value: 'nuxt' },
-        { text: 'Solid', value: 'solid' },
-        { text: 'Qwik', value: 'qwik' },
-    ];
-
    return (
        <div className=" h-[50px] mb-[20px] flex gap-[20px] items-center">
            <SearchInput onChange={() => {}} placeholder="Поиск группы" />
--- a/src/views/mission/statement/Header.tsx
+++ b/src/views/mission/statement/Header.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import {
    chevroneLeft,
    chevroneRight,
@@ -6,6 +6,9 @@ import {
 } from '../../../assets/icons/header';
 import { Logo } from '../../../assets/logos';
 import { useNavigate } from 'react-router-dom';
+import { useAppDispatch, useAppSelector } from '../../../redux/hooks';
+import { useQuery } from '../../../hooks/useQuery';
+import { fetchMyAttemptsInContest } from '../../../redux/slices/contests';

 interface HeaderProps {
    missionId: number;
@@ -14,6 +17,57 @@ interface HeaderProps {

 const Header: React.FC<HeaderProps> = ({ missionId, back }) => {
    const navigate = useNavigate();
+    const dispatch = useAppDispatch();
+
+    const query = useQuery();
+    const contestId = Number(query.get('contestId') ?? undefined);
+
+    const attempt = useAppSelector(
+        (state) => state.contests.fetchMyAttemptsInContest.attempts[0],
+    );
+
+    const [time, setTime] = useState(0);
+
+    useEffect(() => {
+        if (!contestId) return;
+        const calc = (time: string) => {
+            return time != '' && new Date() <= new Date(time);
+        };
+        if (attempt) {
+            if (!calc(attempt.expiresAt)) {
+                navigate('/home/contests');
+            }
+            const diffMs =
+                new Date(attempt.expiresAt).getTime() - new Date().getTime();
+
+            const seconds = Math.floor(diffMs / 1000);
+
+            setTime(seconds);
+
+            const interval = setInterval(() => {
+                setTime((t) => {
+                    if (t <= 1) {
+                        clearInterval(interval);
+                        navigate('/home/contests');
+                        return 0;
+                    }
+                    return t - 1;
+                });
+            }, 1000);
+
+            return () => clearInterval(interval);
+        }
+    }, [attempt]);
+
+    useEffect(() => {
+        if (contestId) {
+            dispatch(fetchMyAttemptsInContest(contestId));
+        }
+    }, [contestId]);
+
+    const minutes = String(Math.floor(time / 60)).padStart(2, '0');
+    const seconds = String(time % 60).padStart(2, '0');
+
    return (
        <header className="w-full h-[60px] flex items-center px-4 gap-[20px]">
            <img
@@ -59,6 +113,9 @@ const Header: React.FC<HeaderProps> = ({ missionId, back }) => {
                    }}
                />
            </div>
+            {!!contestId && !!attempt && (
+                <div className="">{`${minutes}:${seconds}`}</div>
+            )}
        </header>
    );
 };
--- a/src/views/mission/statement/MissionSubmissions.tsx
+++ b/src/views/mission/statement/MissionSubmissions.tsx
@@ -19,9 +19,16 @@ interface MissionSubmissionsProps {
    contestId?: number;
 }

-const MissionSubmissions: FC<MissionSubmissionsProps> = ({ missionId, contestId }) => {
+const MissionSubmissions: FC<MissionSubmissionsProps> = ({
+    missionId,
+    contestId,
+}) => {
    const submissions = useAppSelector(
-        (state) => state.submin.submitsById[missionId] || []
+        (state) => state.submin.submitsById[missionId] || [],
+    );
+
+    const attempt = useAppSelector(
+        (state) => state.contests.fetchMyAttemptsInContest.attempts[0],
    );

    const checkStatus = (status: string) => {
@@ -32,7 +39,9 @@ const MissionSubmissions: FC<MissionSubmissionsProps> = ({ missionId, contestId

    // Если contestId передан, фильтруем по нему, иначе показываем все
    const filteredSubmissions = contestId
-        ? submissions.filter((v) => v.contestId === contestId)
+        ? attempt?.submissions?.filter(
+              (v) => v.solution.missionId == missionId,
+          ) ?? []
        : submissions;

    return (