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}
				source={viewModel.source}
			/>
		);

	return (
		<AccountPageLoaded
			account={viewModel.account}
			accountId={viewModel.accountId}
			concentration={viewModel.concentration}
			currency={viewModel.currency}
			incomeSummary={viewModel.incomeSummary}
			onCurrencyChange={viewModel.onCurrencyChange}
			onSliceChange={viewModel.onSliceChange}
			onTabChange={viewModel.onTabChange}
			partial={viewModel.partial}
			portfolio={viewModel.portfolio}
			positionSections={viewModel.positionSections}
			recentEvents={viewModel.recentEvents}
			recentOperations={viewModel.recentOperations}
			slice={viewModel.slice}
			source={viewModel.source}
			tab={viewModel.tab}
			unrealizedReturns={viewModel.unrealizedReturns}
		/>
	);
};

export { AccountPage };