const { createSlice } = require("@reduxjs/toolkit");
const {
  counterActions,
} = require("../../../../tutorial-14/rtk/features/counter/counterSlice");
 
// initial state
const initialState = {
  count: 20,
};
 
const dynamicCounterSlice = createSlice({
  name: "dynamicCounter",
  initialState,
  reducers: {
    increment: (state, action) => {
      state.count += action.payload;
    },
    decrement: (state, action) => {
      state.count -= action.payload;
    },
  },
  extraReducers: (builder) => {
    builder.addCase(counterActions.increment, (state, action) => {
      state.count += 1;
    });
  },
});
 
module.exports = dynamicCounterSlice.reducer;
module.exports.dynamicCounterActions = dynamicCounterSlice.actions;

 
const { configureStore } = require("@reduxjs/toolkit");
const counterReducer = require("../../redux/counter/reducer");
const dynamicCounterSlice = require("../features/dynamicCounter/dynamicCounterSlice");
const { createLogger } = require("redux-logger");
 
const logger = createLogger();
 
const store = configureStore({
  reducer: {
    counter: counterReducer,
    dynamicCounter: dynamicCounterSlice,
  },
  middleware: (getDefaultMiddlewares) => getDefaultMiddlewares().concat(logger),
});
 
module.exports = store;

 
const store = require("./app/store");
const { counterActions } = require("./features/counter/counterSlice");
const {
  dynamicCounterActions,
} = require("./features/dynamicCounter/dynamicCounterSlice");
 
// subscribe to state changes
store.subscribe(() => {
  console.log(store.getState());
});
 
// dispatch actions
// store.dispatch(counterActions.increment());
// store.dispatch(counterActions.increment());
// store.dispatch(counterActions.decrement());
 
store.dispatch(dynamicCounterActions.increment(10));
store.dispatch(dynamicCounterActions.increment(20));
store.dispatch(dynamicCounterActions.decrement(5));