New Store Slice

40:Tc24, Создай Redux Toolkit slice $ARGUMENTS для Domiq frontend.

Шаги

1. Создай файл src/store/${ARGUMENTS}Slice.ts:

import { createSlice, createAsyncThunk, PayloadAction } from '@reduxjs/toolkit';
import type { RootState } from './index';

// Тип состояния
interface ${ARGUMENTS}State {
  // TODO: описать поля
  loading: boolean;
  error: string | null;
}

const initialState: ${ARGUMENTS}State = {
  loading: false,
  error: null,
};

// Async thunk (если нужен — например для загрузки данных)
export const fetch${ARGUMENTS} = createAsyncThunk(
  '$ARGUMENTS/fetch',
  async (_, { rejectWithValue }) => {
    try {
      // вызов API
    } catch (err: any) {
      return rejectWithValue(err.response?.data?.detail ?? 'Ошибка');
    }
  }
);

// Slice
export const ${ARGUMENTS}Slice = createSlice({
  name: '$ARGUMENTS',
  initialState,
  reducers: {
    // синхронные действия
    reset: () => initialState,
  },
  extraReducers: (builder) => {
    builder
      .addCase(fetch${ARGUMENTS}.pending, (state) => {
        state.loading = true;
        state.error = null;
      })
      .addCase(fetch${ARGUMENTS}.fulfilled, (state, action) => {
        state.loading = false;
        // state.data = action.payload;
      })
      .addCase(fetch${ARGUMENTS}.rejected, (state, action) => {
        state.loading = false;
        state.error = action.payload as string;
      });
  },
});

// Actions
export const { reset } = ${ARGUMENTS}Slice.actions;

// Selectors
export const select${ARGUMENTS}Loading = (state: RootState) => state.$ARGUMENTS.loading;
export const select${ARGUMENTS}Error = (state: RootState) => state.$ARGUMENTS.error;

export default ${ARGUMENTS}Slice.reducer;