refactor: enforce frontend view model boundaries

src/entities/brokerage-event/ui/BrokerageEventsPreview/BrokerageEventsPreview.tsx

@@ -24,7 +24,9 @@ type BrokerageEventsPreviewState
 		state: "loaded" | "partial";
 		to: string;
 	}
-	| { state: "empty" | "error" | "loading"; to: string };
+	| { state: "empty"
+		| "error"
+		| "loading"; to: string; };
 
 const BrokerageEventsPreview: FC<BrokerageEventsPreviewProps> = (props) => {
 	const { events } = props;
@@ -32,51 +34,60 @@ const BrokerageEventsPreview: FC<BrokerageEventsPreviewProps> = (props) => {
 
 	return (
 		<Stack gap="sm">
-			{(events.state === "loaded") && ((
+			{events.state === "loaded" && (
 				<>
-					{!!(events.lastSuccessfulAt) && ((
+					{!!events.lastSuccessfulAt && (
 						<Text c="dimmed" size="xs">
 							{t("investment.sourceTime", {
 								date: formatSnapshotTime(events.lastSuccessfulAt),
 							})}
 						</Text>
-					))}
-					{!!(events.stale) && (<Text size="xs">{t("investment.stale")}</Text>)}
-					{!!(events.refreshError) && ((
+					)}
+
+					{!!events.stale && <Text size="xs">{t("investment.stale")}</Text>}
+
+					{!!events.refreshError && (
 						<Text role="status">{t("accounts.refreshError")}</Text>
-					))}
+					)}
 				</>
-			))}
-			{(events.state === "loading") && ((
+			)}
+
+			{events.state === "loading" && (
 				<LoadingSkeleton label={t("events.recentLoading")}>
 					{["first", "second", "third"].map(placeholder => (
 						<Skeleton height={48} key={placeholder} radius="sm" />
 					))}
 				</LoadingSkeleton>
-			))}
-			{(events.state === "error") && ((
+			)}
+
+			{events.state === "error" && (
 				<Alert color="red">{t("events.recentError")}</Alert>
-			))}
-			{(events.state === "empty") && ((
+			)}
+
+			{events.state === "empty" && (
 				<Text c="dimmed">{t("events.recentEmpty")}</Text>
-			))}
-			{(events.state === "partial") && ((
+			)}
+
+			{events.state === "partial" && (
 				<Text role="status">{t("investment.partial")}</Text>
-			))}
-			{(events.state === "loaded" || events.state === "partial") && (events.items.map(event => (
-				<BrokerageEventCard
-					event={event}
-					key={JSON.stringify([
-						event.account?.id,
-						event.type,
-						event.date,
-						event.instrumentUid,
-						event.figi,
-						event.ticker,
-						event.logoName,
-					])}
-				/>
-			)))}
+			)}
+
+			{(events.state === "loaded" || events.state === "partial")
+				&& events.items.map(event => (
+					<BrokerageEventCard
+						event={event}
+						key={JSON.stringify([
+							event.account?.id,
+							event.type,
+							event.date,
+							event.instrumentUid,
+							event.figi,
+							event.ticker,
+							event.logoName,
+						])}
+					/>
+				))}
+
 			<Button component={Link} to={events.to} variant="subtle">
 				{t("events.open")}
 			</Button>