frontend/src/pages/account/ui/AccountPage/AccountPage.tsx

import type { FC } from "react";

import { useAccountPageViewModel } from "./AccountPage.vm";
import { AccountPageEmpty } from "./components/AccountPageEmpty.view";
import { AccountPageError } from "./components/AccountPageError.view";
import { AccountPageLoaded } from "./components/AccountPageLoaded.view";
import { AccountPageLoading } from "./components/AccountPageLoading/AccountPageLoading.view";

const AccountPage: FC = () => {
	const viewModel = useAccountPageViewModel();
	if (viewModel.state === "loading") return <AccountPageLoading />;
	if (viewModel.state === "error") return <AccountPageError {...viewModel} />;
	if (viewModel.state === "empty")
		return (
			<AccountPageEmpty
				account={viewModel.account}
				accountId={viewModel.accountId}
				incomeSummary={viewModel.incomeSummary}
				recentEvents={viewModel.recentEvents}
				recentOperations={viewModel.recentOperations}
			/>
		);

	return (
		<AccountPageLoaded
			account={viewModel.account}
			accountId={viewModel.accountId}
			incomeSummary={viewModel.incomeSummary}
			partial={viewModel.partial}
			portfolio={viewModel.portfolio}
			positionSections={viewModel.positionSections}
			recentEvents={viewModel.recentEvents}
			recentOperations={viewModel.recentOperations}
		/>
	);
};

export { AccountPage };