fix: sitemap이 전체 렌더링되지 않을 수 있던 문제 수정

Author: MU-Software

apps/pyconkr-admin/src/components/pages/sitemap/list.tsx

@@ -1,6 +1,6 @@
 import {
   useBackendAdminClient,
-  useListPaginatedQuery,
+  useListAllQuery,
   useSelectablesQuery,
   useRemovePreparedMutation,
   useUpdatePreparedMutation,
@@ -111,9 +111,7 @@ const InnerSiteMapList: FC<InnerSiteMapListProps> = ErrorBoundary.with(
   { fallback: ErrorFallback },
   Suspense.with({ fallback: <CircularProgress /> }, ({ domainGroupId, headerSlot }: InnerSiteMapListProps) => {
     const backendAdminAPIClient = useBackendAdminClient();
-    const {
-      data: { results: data },
-    } = useListPaginatedQuery<FlatSiteMap>(backendAdminAPIClient, "cms", "sitemap", { domain_group: domainGroupId, page_size: "200" });
+    const { data } = useListAllQuery<FlatSiteMap>(backendAdminAPIClient, "cms", "sitemap", { domain_group: domainGroupId });
     const deleteMutation = useRemovePreparedMutation(backendAdminAPIClient, "cms", "sitemap");
     const { mutateAsync: updateMutationAsync } = useUpdatePreparedMutation(backendAdminAPIClient, "cms", "sitemap");
 

packages/common/src/apis/admin_api.ts

@@ -44,6 +44,20 @@ export const listPaginated =
   () =>
     client.get<PaginatedListResponse<T>>(`v1/admin-api/${app}/${resource}/`, { params });
 
+export const listAll =
+  <T>(client: BackendAPIClient, app: string, resource: string, params?: Record<string, string>) =>
+  async (): Promise<T[]> => {
+    const items: T[] = [];
+    for (let page = 1; ; page += 1) {
+      const data = await client.get<PaginatedListResponse<T>>(`v1/admin-api/${app}/${resource}/`, {
+        params: { ...params, page: String(page), page_size: "200" },
+      });
+      items.push(...data.results);
+      if (!data.next) break;
+    }
+    return items;
+  };
+
 export const retrieve =
   <T>(client: BackendAPIClient, app: string, resource: string, id: string) =>
   () => {

packages/common/src/hooks/useAdminAPI.ts

@@ -7,6 +7,7 @@ import {
   create,
   fetchDashboardChartData,
   issueGoogleOAuth2AccessToken,
+  listAll,
   listDashboardCharts,
   listPaginated,
   listSections,
@@ -149,6 +150,12 @@ export const useListPaginatedQuery = <T>(client: BackendAPIClient, app: string,
     queryFn: listPaginated<T>(client, app, resource, params),
   });
 
+export const useListAllQuery = <T>(client: BackendAPIClient, app: string, resource: string, params?: Record<string, string>) =>
+  useSuspenseQuery({
+    queryKey: [...QUERY_KEYS.ADMIN_LIST, app, resource, "all", JSON.stringify(params)],
+    queryFn: listAll<T>(client, app, resource, params),
+  });
+
 export const useRetrieveQuery = <T>(client: BackendAPIClient, app: string, resource: string, id: string) =>
   useSuspenseQuery({
     queryKey: [...QUERY_KEYS.ADMIN_RETRIEVE, app, resource, id],