Revize 6129910f

Show dialog in login page

re #9628

frontend/src/features/Auth/userSlice.ts

@@ -8 +8 @@
     refreshToken?: string
     username: string
     roles: string[]
+    isLoggingIn: boolean
     isLoggedIn: boolean
     lastErr?: string // consumable for errors during thunks
 }
@@ -21 +22 @@
 const initialState: UserState = {
     roles: [],
     isLoggedIn: false,
+    isLoggingIn: false,
     username: '',
 }
 
@@ -41 +43 @@
             ...state,
             lastErr: action.payload,
         }),
-        setUserState: (state, action) => {
-            return ({ ...state, ...action.payload })
-        },
+        setUserState: (state, action) => ({ ...state, ...action.payload }),
+        resetLoggingIn: (state) => ({ ...state, isLoggingIn: false }),
     },
 
     // Thunks
     extraReducers: (builder) => {
         builder.addCase(logIn.fulfilled, (state, action) => {
-            return ({ ...state, ...action.payload })
+            return { ...state, ...action.payload }
         })
         builder.addCase(logIn.rejected, (state, action) => {
             if (action.payload && typeof action.error.message === 'string') {
-                return ({ ...state, lastErr: action.error.message })
+                return { ...state, lastErr: action.error.message }
             }
         })
+        builder.addCase(logIn.pending, (state, action) => {
+            return { ...state, isLoggingIn: true }
+        })
     },
 })
 
-
 const userReducer = persistReducer(persistConfig, userSlice.reducer)
 
-export const { logout, refreshTokens, setErr, setUserState } = userSlice.actions
+export const { logout, refreshTokens, setErr, setUserState, resetLoggingIn } = userSlice.actions
 
 export default userReducer