feat: render hourly investment states

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

@@ -4,17 +4,15 @@ import {
 	useBrokerageAccounts,
 } from "@/entities/brokerage-account";
 import { useScreenSync } from "@/features/tbank-connection";
-import { ApiErrorCode, apiErrorCode, isApiErrorCode, type paths } from "@/shared/api";
+import { ApiErrorCode, apiErrorCode, isApiErrorCode } from "@/shared/api";
 import { useInitialAvailability } from "@/shared/lib";
 
 type AccountsPageViewModel
-	= | { accounts: BrokerageAccountCard[]; state: "loaded"; sync: AccountsSync }
+	= | { accounts: BrokerageAccountCard[]; meta: NonNullable<ReturnType<typeof useBrokerageAccounts>["meta"]>; state: "loaded" }
 		| { code?: string; state: "error" }
 		| { state: "empty" }
 		| { state: "loading" };
 
-type AccountsSync = paths["/api/v1/brokerage-accounts"]["get"]["responses"][200]["content"]["application/json"]["sync"];
-
 function isAccountsAccessFailure(code?: string) {
 	return isApiErrorCode(code, ApiErrorCode.InvalidTbankToken)
 		|| isApiErrorCode(code, ApiErrorCode.TbankNotConnected);
@@ -28,12 +26,13 @@ function useAccountsPageViewModel(): AccountsPageViewModel {
 	const isAccessFailure = isAccountsAccessFailure(code);
 
 	const hasResult = !!accounts.data
-		&& !(accounts.meta?.availability === "partial" && accounts.data.length === 0);
+		&& !!accounts.meta
+		&& !(accounts.meta.completeness === "incomplete" && accounts.data.length === 0);
 
 	const availability = useInitialAvailability({
 		hasContent: hasResult,
 		identity: "accounts",
-		isError: accounts.isError || accounts.meta?.sync.state === "failed",
+		isError: accounts.isError || accounts.meta?.lastAttempt.state === "failed",
 		isFetching: accounts.isFetching,
 	});
 
@@ -49,10 +48,13 @@ function useAccountsPageViewModel(): AccountsPageViewModel {
 			state: "empty" as const,
 		};
 
+	const meta = accounts.meta;
+	if (!meta) return { state: "loading" as const };
+
 	return {
-		accounts: brokerageAccountCards(accounts.data, accounts.meta?.dependencies),
+		accounts: brokerageAccountCards(accounts.data, meta.dependencies),
+		meta,
 		state: "loaded" as const,
-		sync: accounts.sync,
 	};
 }