refactor: colocate frontend component files

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

@@ -0,0 +1,34 @@
+import {
+	brokerageAccountCards,
+	useBrokerageAccounts,
+} from "@/entities/brokerage-account";
+import { apiErrorCode } from "@/shared/api";
+
+function useAccountsPageViewModel() {
+	const accounts = useBrokerageAccounts();
+	if (!accounts.data) {
+		if (accounts.isFetching) return { state: "loading" as const };
+		if (accounts.isError)
+			return {
+				state: "error" as const,
+				code: apiErrorCode(accounts.error),
+				retry: () => accounts.refetch(),
+			};
+	}
+	if (!accounts.data?.length)
+		return {
+			state: "empty" as const,
+			refreshing: accounts.isFetching,
+			refreshError: accounts.isError,
+			retry: () => accounts.refetch(),
+		};
+	return {
+		state: "loaded" as const,
+		accounts: brokerageAccountCards(accounts.data),
+		refreshing: accounts.isFetching,
+		refreshError: accounts.isError,
+		retry: () => accounts.refetch(),
+	};
+}
+
+export { useAccountsPageViewModel };