refactor: simplify resource queries and layout tests

src/features/instrument-details/index.ts

@@ -1,4 +1,5 @@
 export { section } from "./model/section";
+export { useInstrumentOperations } from "./model/useInstrumentOperations";
 export { InstrumentChart } from "./ui/InstrumentChart.view";
 export { InstrumentEvents } from "./ui/InstrumentEvents.view";
 export { InstrumentPosition } from "./ui/InstrumentPosition.view";

src/features/instrument-details/model/useInstrumentOperations.ts

@@ -0,0 +1,51 @@
+import { useQueryClient } from "@tanstack/react-query";
+import { useState } from "react";
+import {
+	brokerageOperationsQueryOptions,
+	type OperationCategory,
+	useBrokerageOperations,
+} from "@/entities/broker-operation";
+import { apiErrorCode } from "@/shared/api";
+
+function useInstrumentOperations(
+	uid: string,
+	filter: string,
+	categories: OperationCategory[],
+) {
+	const scope = `${uid}:${filter}`;
+	const [pagination, setPagination] = useState<{
+		scope: string;
+		cursors: string[];
+	}>({ scope, cursors: [] });
+	const cursors = pagination.scope === scope ? pagination.cursors : [];
+	const client = useQueryClient();
+	const firstPage = { instrumentUid: uid, categories, limit: 20 };
+	const operations = useBrokerageOperations(uid ? "all" : undefined, {
+		...firstPage,
+		cursor: cursors.at(-1),
+	});
+	const retry = (retryScreen: () => unknown) => {
+		if (apiErrorCode(operations.error) === "INVALID_OPERATIONS_CURSOR") {
+			setPagination({ scope, cursors: [] });
+			void client.invalidateQueries({
+				queryKey: brokerageOperationsQueryOptions("all", firstPage).queryKey,
+				exact: true,
+			});
+		} else void retryScreen();
+	};
+	return {
+		operations,
+		retry,
+		hasPrevious: cursors.length > 0,
+		onPrevious: () => setPagination({ scope, cursors: cursors.slice(0, -1) }),
+		onNext: () => {
+			if (operations.data?.nextCursor)
+				setPagination({
+					scope,
+					cursors: [...cursors, operations.data.nextCursor],
+				});
+		},
+	};
+}
+
+export { useInstrumentOperations };