feat: improve card operations pagination and scroll behavior

src/entities/bank-card/api/queries.ts

@@ -1,4 +1,5 @@
 import {
+	apiClient,
 	apiQueryClient,
 	type paths,
 	useAuthenticatedQuery,
@@ -8,6 +9,8 @@ type BankCard =
 	paths["/api/v1/bank-cards/{id}"]["get"]["responses"][200]["content"]["application/json"];
 type BankOperation =
 	paths["/api/v1/bank-cards/operations/{id}"]["get"]["responses"][200]["content"]["application/json"];
+type BankOperations =
+	paths["/api/v1/bank-cards/{id}/operations"]["get"]["responses"][200]["content"]["application/json"];
 type BankSummary =
 	paths["/api/v1/bank-cards/summary"]["get"]["responses"][200]["content"]["application/json"];
 type ExpenseCategory =
@@ -52,14 +55,54 @@ function useBankCategories() {
 
 function useBankOperations(
 	id: string | undefined,
-	query: { month: string; page: number; limit?: number },
+	query: { month: string; page: number; limit?: number | "all" },
 ) {
+	const all = query.limit === "all";
+	const params = {
+		path: { id: id ?? "" },
+		query: {
+			...query,
+			page: all ? 1 : query.page,
+			limit: query.limit === "all" ? 100 : query.limit,
+		},
+	};
+	const options = apiQueryClient.queryOptions(
+		"get",
+		"/api/v1/bank-cards/{id}/operations",
+		{ params },
+	);
 	return useAuthenticatedQuery({
-		...apiQueryClient.queryOptions(
-			"get",
-			"/api/v1/bank-cards/{id}/operations",
-			{ params: { path: { id: id ?? "" }, query } },
-		),
+		queryKey: all ? ([...options.queryKey, "all"] as const) : options.queryKey,
+		placeholderData: (
+			previousData: BankOperations | undefined,
+			previousQuery,
+		) => {
+			const previous = previousQuery?.queryKey[2]?.params;
+			return !all &&
+				previousQuery?.queryKey.length === 3 &&
+				previous?.path?.id === id &&
+				previous?.query?.month === query.month &&
+				previous?.query?.limit === query.limit
+				? previousData
+				: undefined;
+		},
+		queryFn: async ({ signal }) => {
+			const items: BankOperation[] = [];
+			for (let page = params.query.page; ; page++) {
+				const { data, error } = await apiClient.GET(
+					"/api/v1/bank-cards/{id}/operations",
+					{
+						params: { ...params, query: { ...params.query, page } },
+						signal,
+					},
+				);
+				if (error) throw error;
+				if (!data) throw new Error("Missing bank operations response");
+				if (!all) return data;
+				items.push(...data.items);
+				if (!data.hasNext) return { ...data, items, page: 1, hasNext: false };
+			}
+		},
 		enabled: Boolean(id && query.month),
 	});
 }