refactor: consolidate 3 identical Redux slices into one seleniumTaskSlice
This commit is contained in:
@@ -1,32 +0,0 @@
|
||||
import { createSlice, PayloadAction } from "@reduxjs/toolkit";
|
||||
|
||||
export type TaskStatus = "idle" | "pending" | "success" | "error";
|
||||
|
||||
export interface SeleniumTaskState {
|
||||
status: TaskStatus;
|
||||
message: string;
|
||||
show: boolean;
|
||||
}
|
||||
|
||||
const initialState: SeleniumTaskState = {
|
||||
status: "idle",
|
||||
message: "",
|
||||
show: false,
|
||||
};
|
||||
|
||||
const seleniumClaimSubmitTaskSlice = createSlice({
|
||||
name: "seleniumClaimSubmitTask",
|
||||
initialState,
|
||||
reducers: {
|
||||
setTaskStatus: (
|
||||
state: SeleniumTaskState,
|
||||
action: PayloadAction<Partial<SeleniumTaskState>>
|
||||
) => {
|
||||
return { ...state, ...action.payload, show: true };
|
||||
},
|
||||
clearTaskStatus: () => initialState,
|
||||
},
|
||||
});
|
||||
|
||||
export const { setTaskStatus, clearTaskStatus } = seleniumClaimSubmitTaskSlice.actions;
|
||||
export default seleniumClaimSubmitTaskSlice.reducer;
|
||||
@@ -1,32 +0,0 @@
|
||||
import { createSlice, PayloadAction } from "@reduxjs/toolkit";
|
||||
|
||||
export type TaskStatus = "idle" | "pending" | "success" | "error";
|
||||
|
||||
export interface SeleniumTaskState {
|
||||
status: TaskStatus;
|
||||
message: string;
|
||||
show: boolean;
|
||||
}
|
||||
|
||||
const initialState: SeleniumTaskState = {
|
||||
status: "idle",
|
||||
message: "",
|
||||
show: false,
|
||||
};
|
||||
|
||||
const seleniumEligibilityBatchCheckTaskSlice = createSlice({
|
||||
name: "seleniumEligibilityBatchCheckTask",
|
||||
initialState,
|
||||
reducers: {
|
||||
setTaskStatus: (
|
||||
state: SeleniumTaskState,
|
||||
action: PayloadAction<Partial<SeleniumTaskState>>
|
||||
) => {
|
||||
return { ...state, ...action.payload, show: true };
|
||||
},
|
||||
clearTaskStatus: () => initialState,
|
||||
},
|
||||
});
|
||||
|
||||
export const { setTaskStatus, clearTaskStatus } = seleniumEligibilityBatchCheckTaskSlice.actions;
|
||||
export default seleniumEligibilityBatchCheckTaskSlice.reducer;
|
||||
@@ -1,32 +0,0 @@
|
||||
import { createSlice, PayloadAction } from "@reduxjs/toolkit";
|
||||
|
||||
export type TaskStatus = "idle" | "pending" | "success" | "error";
|
||||
|
||||
export interface SeleniumTaskState {
|
||||
status: TaskStatus;
|
||||
message: string;
|
||||
show: boolean;
|
||||
}
|
||||
|
||||
const initialState: SeleniumTaskState = {
|
||||
status: "idle",
|
||||
message: "",
|
||||
show: false,
|
||||
};
|
||||
|
||||
const seleniumEligibilityCheckTaskSlice = createSlice({
|
||||
name: "seleniumEligibilityCheckTask",
|
||||
initialState,
|
||||
reducers: {
|
||||
setTaskStatus: (
|
||||
state: SeleniumTaskState,
|
||||
action: PayloadAction<Partial<SeleniumTaskState>>
|
||||
) => {
|
||||
return { ...state, ...action.payload, show: true };
|
||||
},
|
||||
clearTaskStatus: () => initialState,
|
||||
},
|
||||
});
|
||||
|
||||
export const { setTaskStatus, clearTaskStatus } = seleniumEligibilityCheckTaskSlice.actions;
|
||||
export default seleniumEligibilityCheckTaskSlice.reducer;
|
||||
38
apps/Frontend/src/redux/slices/seleniumTaskSlice.ts
Normal file
38
apps/Frontend/src/redux/slices/seleniumTaskSlice.ts
Normal file
@@ -0,0 +1,38 @@
|
||||
import { createSlice, PayloadAction } from "@reduxjs/toolkit";
|
||||
|
||||
export type TaskStatus = "idle" | "pending" | "success" | "error";
|
||||
export type TaskKey = "claimSubmit" | "eligibilityCheck" | "eligibilityBatchCheck";
|
||||
|
||||
export interface SeleniumTaskState {
|
||||
status: TaskStatus;
|
||||
message: string;
|
||||
show: boolean;
|
||||
}
|
||||
|
||||
const emptyTask: SeleniumTaskState = { status: "idle", message: "", show: false };
|
||||
|
||||
const initialState: Record<TaskKey, SeleniumTaskState> = {
|
||||
claimSubmit: { ...emptyTask },
|
||||
eligibilityCheck: { ...emptyTask },
|
||||
eligibilityBatchCheck: { ...emptyTask },
|
||||
};
|
||||
|
||||
const seleniumTaskSlice = createSlice({
|
||||
name: "seleniumTasks",
|
||||
initialState,
|
||||
reducers: {
|
||||
setTaskStatus: (
|
||||
state,
|
||||
action: PayloadAction<{ key: TaskKey } & Partial<SeleniumTaskState>>
|
||||
) => {
|
||||
const { key, ...partial } = action.payload;
|
||||
state[key] = { ...state[key], ...partial, show: true };
|
||||
},
|
||||
clearTaskStatus: (state, action: PayloadAction<TaskKey>) => {
|
||||
state[action.payload] = { ...emptyTask };
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
export const { setTaskStatus, clearTaskStatus } = seleniumTaskSlice.actions;
|
||||
export default seleniumTaskSlice.reducer;
|
||||
@@ -1,13 +1,9 @@
|
||||
import { configureStore } from "@reduxjs/toolkit";
|
||||
import seleniumClaimSubmitTaskReducer from "./slices/seleniumClaimSubmitTaskSlice";
|
||||
import seleniumEligibilityCheckTaskReducer from "./slices/seleniumEligibilityCheckTaskSlice";
|
||||
import seleniumEligibilityBatchCheckTaskReducer from "./slices/seleniumEligibilityBatchCheckTaskSlice";
|
||||
import seleniumTasksReducer from "./slices/seleniumTaskSlice";
|
||||
|
||||
export const store = configureStore({
|
||||
reducer: {
|
||||
seleniumClaimSubmitTask: seleniumClaimSubmitTaskReducer,
|
||||
seleniumEligibilityCheckTask: seleniumEligibilityCheckTaskReducer,
|
||||
seleniumEligibilityBatchCheckTask: seleniumEligibilityBatchCheckTaskReducer,
|
||||
seleniumTasks: seleniumTasksReducer,
|
||||
},
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user