refactor: simplify finance view models

src/pages/accounts/ui/AccountsPage/AccountsPage.test.tsx

@@ -203,6 +203,37 @@ describe("AccountsPage", () => {
 	});
 });
 
+it.each(["idle", "failed"] as const)(
+	"keeps partial empty membership distinct from no accounts (sync=%s)",
+	async (state) => {
+		server.use(
+			http.get("*/api/v1/brokerage-accounts", () =>
+				HttpResponse.json(resource([], {
+					availability: "partial",
+					sync: { errorCode: null, id: null, state },
+				})),
+			),
+		);
+		const client = createTestQueryClient();
+		renderPage(client);
+		await waitFor(() =>
+			expect(client.getQueryData(brokerageAccountsQueryKey)).toMatchObject({
+				data: [],
+				meta: { availability: "partial" },
+			}),
+		);
+		expect(screen.queryByText("Нет инвестиционных счетов"))
+			.not.toBeInTheDocument();
+		if (state === "failed")
+			// eslint-disable-next-line vitest/no-conditional-expect -- Each fixed state has a different observable recovery contract.
+			expect(await screen.findByRole("button", { name: "Повторить" }))
+				.toBeVisible();
+		else
+			// eslint-disable-next-line vitest/no-conditional-expect -- Each fixed state has a different observable recovery contract.
+			expect(screen.getByRole("status")).toBeVisible();
+	},
+);
+
 it("keeps unknown membership loading instead of declaring no accounts", async () => {
 	server.use(
 		http.get("*/api/v1/brokerage-accounts", () =>

src/pages/accounts/ui/AccountsPage/AccountsPage.vm.ts

@@ -15,31 +15,31 @@ function useAccountsPageViewModel() {
 	) {
 		if (!accounts.isError && accounts.meta?.sync.state !== "failed")
 			return { state: "loading" as const };
-		if (accounts.isError || accounts.meta?.sync.state === "failed")
-			return {
-				code: apiErrorCode(accounts.error),
-				retry: sync.retry,
-				state: "error" as const,
-			};
+
+		return {
+			code: apiErrorCode(accounts.error),
+			retry: sync.retry,
+			state: "error" as const,
+		};
 	}
 
-	if (!accounts.data?.length)
-		return {
-			lastSuccessfulAt: accounts.meta?.lastSuccessfulAt,
-			refreshError: accounts.isError || sync.transportError || sync.sourceError,
-			refreshing: accounts.isFetching || sync.refreshing,
-			retry: sync.retry,
-			sourceError: sync.sourceError,
-			state: "empty" as const,
-		};
-
-	return {
-		accounts: brokerageAccountCards(accounts.data, accounts.meta?.dependencies),
+	const refresh = {
 		lastSuccessfulAt: accounts.meta?.lastSuccessfulAt,
 		refreshError: accounts.isError || sync.transportError || sync.sourceError,
 		refreshing: accounts.isFetching || sync.refreshing,
 		retry: sync.retry,
 		sourceError: sync.sourceError,
+	};
+
+	if (accounts.data.length === 0)
+		return {
+			...refresh,
+			state: "empty" as const,
+		};
+
+	return {
+		accounts: brokerageAccountCards(accounts.data, accounts.meta?.dependencies),
+		...refresh,
 		state: "loaded" as const,
 	};
 }