upload mission

src/redux/slices/missions.ts

@@ -0,0 +1,146 @@
+import { createSlice, createAsyncThunk, PayloadAction } from "@reduxjs/toolkit";
+import axios from "../../axios";
+
+// Типы данных
+interface Statement {
+  id: number;
+  language: string;
+  statementTexts: Record<string, string>;
+  mediaFiles?: { id: number; fileName: string; mediaUrl: string }[];
+}
+
+interface Mission {
+  id: number;
+  authorId: number;
+  name: string;
+  difficulty: number;
+  tags: string[];
+  createdAt: string;
+  updatedAt: string;
+  statements: Statement[] | null;
+}
+
+interface MissionsState {
+  missions: Mission[];
+  currentMission: Mission | null;
+  hasNextPage: boolean;
+  status: "idle" | "loading" | "successful" | "failed";
+  error: string | null;
+}
+
+// Инициализация состояния
+const initialState: MissionsState = {
+  missions: [],
+  currentMission: null,
+  hasNextPage: false,
+  status: "idle",
+  error: null,
+};
+
+// AsyncThunk: Получение списка миссий
+export const fetchMissions = createAsyncThunk(
+  "missions/fetchMissions",
+  async (
+    { page = 0, pageSize = 10, tags }: { page?: number; pageSize?: number; tags?: string[] },
+    { rejectWithValue }
+  ) => {
+    try {
+      const params: any = { page, pageSize };
+      if (tags) params.tags = tags;
+      const response = await axios.get("/missions", { params });
+      return response.data; // { hasNextPage, missions }
+    } catch (err: any) {
+      return rejectWithValue(err.response?.data?.message || "Failed to fetch missions");
+    }
+  }
+);
+
+// AsyncThunk: Получение миссии по id
+export const fetchMissionById = createAsyncThunk(
+  "missions/fetchMissionById",
+  async (id: number, { rejectWithValue }) => {
+    try {
+      const response = await axios.get(`/missions/${id}`);
+      return response.data; // Mission
+    } catch (err: any) {
+      return rejectWithValue(err.response?.data?.message || "Failed to fetch mission");
+    }
+  }
+);
+
+// AsyncThunk: Загрузка миссии
+export const uploadMission = createAsyncThunk(
+  "missions/uploadMission",
+  async (
+    { file, name, difficulty, tags }: { file: File; name: string; difficulty: number; tags: string[] },
+    { rejectWithValue }
+  ) => {
+    try {
+      const formData = new FormData();
+      formData.append("MissionFile", file);
+      formData.append("Name", name);
+      formData.append("Difficulty", difficulty.toString());
+      tags.forEach(tag => formData.append("Tags", tag));
+
+      const response = await axios.post("/missions/upload", formData, {
+        headers: { "Content-Type": "multipart/form-data" },
+      });
+      return response.data; // Mission
+    } catch (err: any) {
+      return rejectWithValue(err.response?.data?.message || "Failed to upload mission");
+    }
+  }
+);
+
+// Slice
+const missionsSlice = createSlice({
+  name: "missions",
+  initialState,
+  reducers: {},
+  extraReducers: (builder) => {
+    // fetchMissions
+    builder.addCase(fetchMissions.pending, (state) => {
+      state.status = "loading";
+      state.error = null;
+    });
+    builder.addCase(fetchMissions.fulfilled, (state, action: PayloadAction<{ missions: Mission[]; hasNextPage: boolean }>) => {
+      state.status = "successful";
+      state.missions = action.payload.missions;
+      state.hasNextPage = action.payload.hasNextPage;
+    });
+    builder.addCase(fetchMissions.rejected, (state, action: PayloadAction<any>) => {
+      state.status = "failed";
+      state.error = action.payload;
+    });
+
+    // fetchMissionById
+    builder.addCase(fetchMissionById.pending, (state) => {
+      state.status = "loading";
+      state.error = null;
+    });
+    builder.addCase(fetchMissionById.fulfilled, (state, action: PayloadAction<Mission>) => {
+      state.status = "successful";
+      state.currentMission = action.payload;
+    });
+    builder.addCase(fetchMissionById.rejected, (state, action: PayloadAction<any>) => {
+      state.status = "failed";
+      state.error = action.payload;
+    });
+
+    // uploadMission
+    builder.addCase(uploadMission.pending, (state) => {
+      state.status = "loading";
+      state.error = null;
+    });
+    builder.addCase(uploadMission.fulfilled, (state, action: PayloadAction<Mission>) => {
+      state.status = "successful";
+      state.missions.unshift(action.payload); // Добавляем новую миссию в начало списка
+    });
+    builder.addCase(uploadMission.rejected, (state, action: PayloadAction<any>) => {
+      state.status = "failed";
+      state.error = action.payload;
+    });
+  },
+});
+
+export const missionsReducer = missionsSlice.reducer;