- dashboardSlice in last20MessagesSlice umbenannt - Redux Store Key von 'dashboard' auf 'last20Messages' geändert - fetchLast20MessagesThunk angepasst: neuer Action-Name 'last20Messages/fetchLast20Messages' - Komponente Last20MessagesTable aktualisiert: useSelector verweist jetzt auf state.last20Messages - Struktur für zukünftige Erweiterung vorbereitet
24 lines
595 B
TypeScript
24 lines
595 B
TypeScript
// /redux/slices/last20MessagesSlice.ts
|
|
import { createSlice, PayloadAction } from "@reduxjs/toolkit";
|
|
|
|
interface Last20MessagesSlice {
|
|
last20Messages: string | null;
|
|
}
|
|
|
|
const initialState: Last20MessagesSlice = {
|
|
last20Messages: null,
|
|
};
|
|
|
|
export const last20MessagesSlice = createSlice({
|
|
name: "last20Messages",
|
|
initialState,
|
|
reducers: {
|
|
setLast20Messages: (state, action: PayloadAction<string | null>) => {
|
|
state.last20Messages = action.payload;
|
|
},
|
|
},
|
|
});
|
|
|
|
export const { setLast20Messages } = last20MessagesSlice.actions;
|
|
export default last20MessagesSlice.reducer;
|