refactor: colocate frontend component files

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

@@ -0,0 +1,43 @@
+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";
+
+type AccountPageProps = { accountId?: string };
+
+const AccountPage: FC<AccountPageProps> = (props) => {
+	const viewModel = useAccountPageViewModel(props.accountId);
+	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}
+				refreshing={viewModel.refreshing}
+				refreshError={viewModel.refreshError}
+				retry={viewModel.retry}
+				recentOperations={viewModel.recentOperations}
+				recentEvents={viewModel.recentEvents}
+				incomeSummary={viewModel.incomeSummary}
+			/>
+		);
+	return (
+		<AccountPageLoaded
+			account={viewModel.account}
+			accountId={viewModel.accountId}
+			portfolio={viewModel.portfolio}
+			positionSections={viewModel.positionSections}
+			refreshing={viewModel.refreshing}
+			refreshError={viewModel.refreshError}
+			retry={viewModel.retry}
+			recentOperations={viewModel.recentOperations}
+			recentEvents={viewModel.recentEvents}
+			incomeSummary={viewModel.incomeSummary}
+		/>
+	);
+};
+
+export { AccountPage };