refactor: enforce frontend view model boundaries

src/pages/account/ui/AccountPage/components/AccountPageEmpty.view.tsx

@@ -34,29 +34,35 @@ type AccountPageEmptyProps = {
 
 const AccountPageEmpty: FC<AccountPageEmptyProps> = (props) => {
 	const { t } = useTranslation();
+
+	const text = t(
+		props.accountId === "all"
+			? "portfolio.allEmptyText"
+			: "portfolio.emptyText",
+	);
+
 	return (
 		<Stack>
 			<AccountHeading account={props.account} accountId={props.accountId} />
+
 			<PortfolioRefreshState
 				refreshError={props.refreshError ?? false}
 				refreshing={props.refreshing ?? false}
 				retry={props.retry}
 				sourceError={props.sourceError}
 			/>
-			<StateView
-				text={t(
-					props.accountId === "all"
-						? "portfolio.allEmptyText"
-						: "portfolio.emptyText",
-				)}
-				title={t("portfolio.emptyTitle")}
-			/>
+
+			<StateView text={text} title={t("portfolio.emptyTitle")} />
+
 			<PortfolioStructure
 				structure={{ currencies: [], unvaluedCategories: [] }}
 			/>
+
 			<RecentOperations operations={props.recentOperations} />
+
 			<BrokerageEventsPreview events={props.recentEvents} />
-			{!!(props.incomeSummary) && (<IncomeSummary {...props.incomeSummary} />)}
+
+			{!!props.incomeSummary && <IncomeSummary {...props.incomeSummary} />}
 		</Stack>
 	);
 };