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

export function AccountPage() {
	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}
				accessToken={viewModel.accessToken}
				refreshing={viewModel.refreshing}
				refreshError={viewModel.refreshError}
				retry={viewModel.retry}
			/>
		);
	return (
		<AccountPageLoaded
			account={viewModel.account}
			accountId={viewModel.accountId}
			accessToken={viewModel.accessToken}
			portfolio={viewModel.portfolio}
			refreshing={viewModel.refreshing}
			refreshError={viewModel.refreshError}
			retry={viewModel.retry}
		/>
	);
}

export {
	AccountPageEmpty,
	AccountPageError,
	AccountPageLoaded,
	AccountPageLoading,
} from "./AccountPage.view";