исправил хранилище и слайсы для страницы каиалога

front/src/app/store.ts

@@ -3,12 +3,13 @@ import catalogReducer from "../features/catalog/catalogSlice";
 
 export const store = configureStore({
   reducer: {
-    catalog: catalogReducer,
+    categories: categoriesReducer,
+    products: productsReducer,
   },
-  middleware: (getDefaultMiddleware) =>
+  /*middleware: (getDefaultMiddleware) =>
     getDefaultMiddleware({
       serializableCheck: false, // отключаем для async thunk
-    }),
+    }),*/
 });
 
 export type RootState = ReturnType<typeof store.getState>;

front/src/features/catalog/catalogSlice.ts

@@ -2,6 +2,7 @@ import { createAsyncThunk, createSlice } from "@reduxjs/toolkit";
 import type {PayloadAction} from "@reduxjs/toolkit";
 import { fetchCategoryProducts, fetchCategories } from "../../api/catalogApi";
 import type { Product } from "../../types/product";
+import axios from "axios";
 
 interface CatalogState {
   products: Product[];
@@ -21,21 +22,21 @@ const initialState: CatalogState = {
   currentCategory: null,
 };
 
-export const getCategories = createAsyncThunk(
-  "catalog/getCategories",
-  async (categoryid: string) => {
-    const data = await fetchCategories(categoryid);
-    return data;
+export const fetchProductsByCategory = createAsyncThunk(
+  "products/fetchProductsByCategory",
+  async (categoryId: number) => {
+    const res = await axios.get(`/api/products?category=${categoryId}`);
+    return res.data;
   }
 );
 
-export const getCategoryProducts = createAsyncThunk(
-  "catalog/getCategoryProducts",
-  async (category: string) => {
-    const data = await fetchCategoryProducts(category);
-    return data;
+export const fetchCategoryParameters = createAsyncThunk(
+  "products/fetchCategoryParametrs",
+  async (categoryId: number) => {
+    const res = await axios.get(`/api/category-params/${categoryId}`);
+    return res.data;
   }
-);
+)
 
 const catalogSlice = createSlice({
   name: "catalog",
@@ -58,19 +59,23 @@ const catalogSlice = createSlice({
   },
   extraReducers: (builder) => {
     builder
-      .addCase(getCategoryProducts.pending, (state) => {
+      .addCase(fetchProductsByCategory.pending, (state) => {
         state.loading = true;
         state.error = null;
       })
-      .addCase(getCategoryProducts.fulfilled, (state, action) => {
+      .addCase(fetchProductsByCategory.fulfilled, (state, action) => {
         state.loading = false;
         state.products = action.payload;
         state.filtered = action.payload;
       })
-      .addCase(getCategoryProducts.rejected, (state, action) => {
+      .addCase(fetchCategoryParameters.fulfilled, (state, action) => {
+        state.loading = false;
+        state.filters = action.payload
+      })
+      /*.addCase(getCategoryProducts.rejected, (state, action) => {
         state.loading = false;
         state.error = action.error.message || "Ошибка загрузки данных";
-      });
+      });*/
   },
 });
 

front/src/features/catalog/categoriesSlice.ts

@@ -1,11 +1,12 @@
 import { createSlice, createAsyncThunk } from "@reduxjs/toolkit";
 import type { Category } from "../../types/categories";
+import axios from "axios";
 
 export const fetchCategories = createAsyncThunk<Category[]>(
-  "categories/fetch",
+  "categories/fetchCategories",
   async () => {
-    const res = await fetch("/api/categories");
-    return await res.json();
+    const res = await axios.get("/api/categories");
+    return res.data;
   }
 );