|
|
@@ -6,18 +6,23 @@ import { ArticleMode } from "../components/article/Article";
|
|
|
|
|
|
import type { RootState } from "../store";
|
|
|
|
|
|
-interface IState {
|
|
|
+interface IMode {
|
|
|
id?: string;
|
|
|
mode?: ArticleMode;
|
|
|
}
|
|
|
|
|
|
+interface IState {
|
|
|
+ id?: string;
|
|
|
+ mode?: IMode;
|
|
|
+}
|
|
|
+
|
|
|
const initialState: IState = {};
|
|
|
|
|
|
export const slice = createSlice({
|
|
|
name: "articleMode",
|
|
|
initialState,
|
|
|
reducers: {
|
|
|
- modeChange: (state, action: PayloadAction<ArticleMode>) => {
|
|
|
+ modeChange: (state, action: PayloadAction<IMode>) => {
|
|
|
state.mode = action.payload;
|
|
|
console.log("mode", action.payload);
|
|
|
},
|
|
|
@@ -26,7 +31,7 @@ export const slice = createSlice({
|
|
|
|
|
|
export const { modeChange } = slice.actions;
|
|
|
|
|
|
-export const mode = (state: RootState): ArticleMode | undefined =>
|
|
|
+export const mode = (state: RootState): IMode | undefined =>
|
|
|
state.articleMode.mode;
|
|
|
|
|
|
export default slice.reducer;
|