ksv741
daf1dca666
Reuse account sections and group securities with per-account holdings. Use Mantine Select to preserve filters and reset pagination on scope changes. Document component reuse guardrails and cover routes, grouping and scope switching.
18 lines
795 B
TypeScript
18 lines
795 B
TypeScript
import type { FC } from "react";
|
|
import { useAccountIncomePageViewModel } from "./AccountIncomePage.vm";
|
|
import { AccountIncomePageError } from "./components/AccountIncomePageError.view";
|
|
import { AccountIncomePageLoaded } from "./components/AccountIncomePageLoaded.view";
|
|
import { AccountIncomePageLoading } from "./components/AccountIncomePageLoading.view";
|
|
|
|
type AccountIncomePageProps = { accountId?: string };
|
|
|
|
const AccountIncomePage: FC<AccountIncomePageProps> = (props) => {
|
|
const viewModel = useAccountIncomePageViewModel(props.accountId);
|
|
if (viewModel.state === "loading") return <AccountIncomePageLoading />;
|
|
if (viewModel.state === "error")
|
|
return <AccountIncomePageError {...viewModel} />;
|
|
return <AccountIncomePageLoaded {...viewModel} />;
|
|
};
|
|
|
|
export { AccountIncomePage };
|