lesson 2 finished

src/common/utils/create-thunk-action.ts

@@ -0,0 +1,15 @@
+import { BaseThunkAPI } from "@reduxjs/toolkit/dist/createAsyncThunk"
+import { AppDispatch, RootState } from "@/app/store"
+import { thunkTryCatch } from "./"
+
+export const createThunkAction = <A, R, T>(
+  promise: (arg: A) => Promise<R>,
+  transformPromise?: (arg: R) => T,
+) => {
+  return (
+    arg: A,
+    thunkAPI: BaseThunkAPI<RootState, any, AppDispatch, unknown>,
+  ) => {
+    return thunkTryCatch(thunkAPI, () => promise(arg).then(transformPromise))
+  }
+}

src/common/utils/index.ts

@@ -1,2 +1,3 @@
 export * from "./create-app-async-thunk"
 export * from "./thunk-try-catch"
+export * from "./create-thunk-action"

src/features/auth/auth.slice.ts

@@ -6,23 +6,11 @@ import {
   RegisterResponse,
   User,
 } from "@/features/auth/auth.api"
-import { createAppAsyncThunk, thunkTryCatch } from "@/common"
+import { createAppAsyncThunk, createThunkAction } from "@/common"
-import { BaseThunkAPI } from "@reduxjs/toolkit/dist/createAsyncThunk"
-import { AppDispatch, RootState } from "@/app/store"
 
 const THUNK_PREFIXES = {
   REGISTER: "auth/register",
-}
+  LOGIN: "auth/login",
-const createThunkAction = <A, R, T>(
-  promise: (arg: A) => Promise<R>,
-  transformPromise: (arg: R) => T,
-) => {
-  return (
-    arg: A,
-    thunkAPI: BaseThunkAPI<RootState, any, AppDispatch, unknown>,
-  ) => {
-    return thunkTryCatch(thunkAPI, () => promise(arg).then(transformPromise))
-  }
 }
 
 const register = createAppAsyncThunk<{ user: RegisterResponse }, RegisterArgs>(
@@ -31,7 +19,7 @@ const register = createAppAsyncThunk<{ user: RegisterResponse }, RegisterArgs>(
 )
 
 const login = createAppAsyncThunk<{ user: User }, LoginArgs>(
-  "auth/login",
+  THUNK_PREFIXES.LOGIN,
   createThunkAction(AuthApi.login, (res) => ({ user: res.data })),
 )