refactor: simplify frontend state and mutation boundaries

src/features/tbank-connection/index.ts

@@ -1,7 +1,2 @@
 export { useScreenSync } from "./model/screen-sync";
-export {
-	type InvestmentScreen,
-	useTbankSync,
-	useTbankSyncStatus,
-} from "./model/sync";
 export { TbankConnectionSection } from "./ui/TbankConnectionSection/TbankConnectionSection";

src/features/tbank-connection/model/sync.test.tsx

@@ -2,16 +2,15 @@ import { act, renderHook, waitFor } from "@testing-library/react";
 import { http, HttpResponse } from "msw";
 import { describe, expect, it, vi } from "vitest";
 
+import { useBrokerageAccounts } from "@/entities/brokerage-account";
 import { apiQueryClient, configureAuthClient } from "@/shared/api";
 import { createQueryWrapper } from "@/test/query";
+import { resource } from "@/test/resource";
 import { server } from "@/test/server";
 
-import {
-	type InvestmentScreen,
-	useTbankSync,
-	useTbankSyncStatus,
-} from "../index";
+import { useScreenSync } from "../index";
 import { commitTbankConnectionBoundary } from "./connection-boundary";
+import { type InvestmentScreen, useTbankSync } from "./sync";
 
 describe("sync connection and session boundaries", () => {
 	it.each(["connection", "session"])(
@@ -37,6 +36,11 @@ describe("sync connection and session boundaries", () => {
 			let started = 0;
 			let isChanged = false;
 			server.use(
+				http.get("*/api/v1/brokerage-accounts", () =>
+					HttpResponse.json(resource([], {
+						sync: { errorCode: null, id: "work", state: "running" },
+					})),
+				),
 				http.post("*/api/v1/tbank-sync", async () => {
 					started += 1;
 					await blocked;
@@ -76,10 +80,12 @@ describe("sync connection and session boundaries", () => {
 			});
 
 			const { result } = renderHook(
-				() => ({
-					mutation: useTbankSync(),
-					status: useTbankSyncStatus("work"),
-				}),
+				() => {
+					const accounts = useBrokerageAccounts();
+					useScreenSync({ screen: "accounts" }, [accounts]);
+
+					return { mutation: useTbankSync() };
+				},
 				{ wrapper },
 			);
 

src/features/tbank-connection/model/sync.ts

@@ -1,8 +1,4 @@
-import {
-	apiQueryClient,
-	type paths,
-	useAuthenticatedQuery,
-} from "@/shared/api";
+import { apiQueryClient, type paths } from "@/shared/api";
 
 type InvestmentScreen
 	= paths["/api/v1/tbank-sync"]["post"]["requestBody"]["content"]["application/json"];
@@ -13,14 +9,4 @@ function useTbankSync() {
 	});
 }
 
-function useTbankSyncStatus(id: null | string) {
-	return useAuthenticatedQuery({
-		...apiQueryClient.queryOptions("get", "/api/v1/tbank-sync/{id}", {
-			params: { path: { id: id ?? "" } },
-		}),
-		enabled: Boolean(id),
-		retry: false,
-	});
-}
-
-export { type InvestmentScreen, useTbankSync, useTbankSyncStatus };
+export { type InvestmentScreen, useTbankSync };