redux

Author: carlrip

Chapter8/redux/src/store/store.ts

@@ -0,0 +1,8 @@
+import { configureStore } from '@reduxjs/toolkit';
+import userReducer from './userSlice';
+
+export const store = configureStore({
+  reducer: { user: userReducer },
+});
+
+export type RootState = ReturnType<typeof store.getState>;

Chapter8/redux/src/store/userSlice.ts

@@ -0,0 +1,40 @@
+import { createSlice } from '@reduxjs/toolkit';
+import type { PayloadAction } from '@reduxjs/toolkit';
+import { User } from '../api/authenticate';
+
+type State = {
+  user: undefined | User;
+  permissions: undefined | string[];
+  loading: boolean;
+};
+const initialState: State = {
+  user: undefined,
+  permissions: undefined,
+  loading: false,
+};
+
+export const userSlice = createSlice({
+  name: 'user',
+  initialState,
+  reducers: {
+    authenticateAction: (state) => {
+      state.loading = true;
+    },
+    authenticatedAction: (state, action: PayloadAction<User | undefined>) => {
+      state.user = action.payload;
+      state.loading = false;
+    },
+    authorizeAction: (state) => {
+      state.loading = true;
+    },
+    authorizedAction: (state, action: PayloadAction<string[]>) => {
+      state.permissions = action.payload;
+      state.loading = false;
+    },
+  },
+});
+
+export const { authenticateAction, authenticatedAction, authorizeAction, authorizedAction } =
+  userSlice.actions;
+
+export default userSlice.reducer;