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

const initialState = {
  isOpen: false,
  ID: null,
  name: ''
};

const slice = createSlice({
  name: 'monitorpage/counter-form',
  initialState,
  reducers: {
    initForm(state, { payload }:PayloadAction<{ ID: number, name: string}>) {
      state.isOpen = true;
      state.ID = payload.ID;
      state.name = payload.name;
    },
    openForm(state) {
      state.isOpen = true;
    },
    closeForm(state) {
      state.isOpen = false;
    }
  }
});

export const { initForm ,openForm, closeForm } = slice.actions;
export default slice.reducer;