Revize 8370b6c1

login simple form impl + slice for user state

frontend/src/features/Auth/userSlice.ts

@@ -1 +1 @@
 import { createSlice, PayloadAction } from '@reduxjs/toolkit'
 import { persistReducer } from 'redux-persist'
 import storage from 'redux-persist/lib/storage'
+import { logIn } from './userThunks'
 
 export interface UserState {
     accessToken?: string
@@ -8 +9 @@
     username: string
     roles: string[]
     isLoggedIn: boolean
+    lastErr?: string // consumable for errors during thunks
 }
 
 const persistConfig = {
@@ -29 +31 @@
 
     // Reducers that update the state
     reducers: {
-        logout: () => {
-            return initialState // Reset to the inital state
-        },
-        refreshTokens: (state, action) => {
-            return {
-                ...state,
-                accessToken: action.payload.accessToken,
-                refreshToken: action.payload.refreshToken,
-            }
-        },
+        logout: () => initialState, // Reset to the inital state
+        refreshTokens: (state, action) => ({
+            ...state,
+            accessToken: action.payload.accessToken,
+            refreshToken: action.payload.refreshToken,
+        }),
+        setErr: (state, action) => ({
+            ...state,
+            lastErr: action.payload,
+        }),
     },
 
-    // For thunks (async operations)
-    extraReducers: {},
+    // Thunks
+    extraReducers: (builder) => {
+        builder.addCase(logIn.fulfilled, () => {
+            console.log('Action performed') // TODO remove
+        }) // TODO funny
+    },
 })
 
 const userReducer = persistReducer(persistConfig, userSlice.reducer)
+
 export default userReducer