chore: refactor auth reducer to use rtk

src/features/Login/auth-reducer.ts

@@ -1,44 +1,38 @@
-import { Dispatch } from 'redux'
+import { createSlice, PayloadAction } from '@reduxjs/toolkit'
-import {
-  SetAppErrorActionType,
-  setAppStatusAC,
-  SetAppStatusActionType,
-} from 'app/app-reducer'
 import { authAPI, LoginParamsType } from 'api/todolists-api'
+import { setAppStatusAC } from 'app/app-reducer'
 import {
   handleServerAppError,
   handleServerNetworkError,
 } from 'utils/error-utils'
+import { AppThunk } from 'app/store'
+
+type InitialStateType = {
+  isLoggedIn: boolean
+}
 
 const initialState: InitialStateType = {
   isLoggedIn: false,
 }
 
-export const authReducer = (
+const authSlice = createSlice({
-  state: InitialStateType = initialState,
+  name: 'auth',
-  action: ActionsType
+  initialState,
-): InitialStateType => {
+  reducers: {
-  switch (action.type) {
+    setIsLoggedInAC(state, action: PayloadAction<boolean>) {
-    case 'login/SET-IS-LOGGED-IN':
+      return { ...state, isLoggedIn: action.payload }
-      return { ...state, isLoggedIn: action.value }
+    },
-    default:
+  },
-      return state
+})
-  }
-}
 
-// actions
+export const authReducer = authSlice.reducer
 
-export const setIsLoggedInAC = (value: boolean) =>
+export const { setIsLoggedInAC } = authSlice.actions
-  ({ type: 'login/SET-IS-LOGGED-IN', value }) as const
 
 // thunks
 export const loginTC =
-  (data: LoginParamsType) =>
+  (data: LoginParamsType): AppThunk =>
-  (
+  (dispatch) => {
-    dispatch: Dispatch<
-      ActionsType | SetAppStatusActionType | SetAppErrorActionType
-    >
-  ) => {
     dispatch(setAppStatusAC('loading'))
     authAPI
       .login(data)
@@ -54,13 +48,8 @@ export const loginTC =
         handleServerNetworkError(error, dispatch)
       })
   }
-export const logoutTC =
+
-  () =>
+export const logoutTC = (): AppThunk => (dispatch) => {
-  (
-    dispatch: Dispatch<
-      ActionsType | SetAppStatusActionType | SetAppErrorActionType
-    >
-  ) => {
   dispatch(setAppStatusAC('loading'))
   authAPI
     .logout()
@@ -76,14 +65,3 @@ export const logoutTC =
       handleServerNetworkError(error, dispatch)
     })
 }
-
-// types
-
-type ActionsType = ReturnType<typeof setIsLoggedInAC>
-type InitialStateType = {
-  isLoggedIn: boolean
-}
-
-type ThunkDispatch = Dispatch<
-  ActionsType | SetAppStatusActionType | SetAppErrorActionType
->