43 lines
1.1 KiB
TypeScript
43 lines
1.1 KiB
TypeScript
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";
|