refactor: useBaseInfiniteQuery parameter 요소 리팩토링, hook 반영 된 부분 수정

DDD-Community · Feb 23, 2024 · 6cb7d77 · 6cb7d77
1 parent 023723c
commit 6cb7d77
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/src/hooks/queries/friendship/useGetFriendships.ts b/src/hooks/queries/friendship/useGetFriendships.ts
@@ -7,7 +7,7 @@ const useGetFriendships = ({ sort }: { sort: FriendshipSortType }) => {
   return useBaseInfiniteQuery<FriendshipData[]>({
     queryKey: queryKeys.FRIENDSHIPS(sort),
     url: '/friendship',
-    sort,
+    params: { sort },
   });
 };
 

diff --git a/src/hooks/queries/useBaseInfiniteQuery.ts b/src/hooks/queries/useBaseInfiniteQuery.ts
@@ -13,12 +13,12 @@ export const useBaseInfiniteQuery = <T>({
   queryKey,
   url,
   size,
-  sort,
+  params,
 }: {
   queryKey: QueryKey;
   url: string;
   size?: number;
-  sort?: string;
+  params?: Record<string, any>;
 }) => {
   const INITIAL_PAGE_PARAM = 0;
   const DEFAULT_SIZE = 10;
@@ -28,13 +28,14 @@ export const useBaseInfiniteQuery = <T>({
   ) => {
     const { pageParam = 0 } = context;
 
-    const queryParamString = buildQuery({
+    const paginationParamString = buildQuery({
       page: pageParam,
       size: size ?? DEFAULT_SIZE,
-      sort,
     });
 
-    const URL = `${url}?${queryParamString}`;
+    const queryParamString = params ? `&${buildQuery(params)}` : '';
+
+    const URL = `${url}?${paginationParamString}${queryParamString}`;
     const response =
       await axiosInstance.get<ApiResponseType<InfiniteQueryResult<T>>>(URL);
     return response.data.data;