chore: finish frontend ESLint migration #18

Enable every plugin recommended preset and replace Biome with ESLint formatting.

Preserve API contracts and JSX whitespace; verify source, tests, builds and tooling.

src/pages/account-events/ui/AccountEventsPage/components/AccountEventsPageLoaded.view.tsx

@@ -1,3 +1,5 @@
+import type { FC } from "react";
+
 import {
 	Alert,
 	Button,
@@ -8,11 +10,13 @@ import {
 	Title,
 } from "@mantine/core";
 import { DatePickerInput } from "@mantine/dates";
-import type { FC } from "react";
 import { useTranslation } from "react-i18next";
+
 import { BrokerageEventCard } from "@/entities/brokerage-event";
 import { formatSnapshotTime } from "@/shared/lib";
+
 import type { AccountEventsPageViewModel } from "../AccountEventsPage.vm";
+
 import { AccountEventsPageEmpty } from "./AccountEventsPageEmpty.view";
 
 type AccountEventsPageLoadedProps = Extract<
@@ -22,68 +26,11 @@ type AccountEventsPageLoadedProps = Extract<
 
 const AccountEventsPageLoaded: FC<AccountEventsPageLoadedProps> = (props) => {
 	const { t } = useTranslation();
-	return (
-		<Stack gap="lg">
-			{props.lastSuccessfulAt ? (
-				<Text size="xs" c="dimmed">
-					{t("investment.sourceTime", {
-						date: formatSnapshotTime(props.lastSuccessfulAt),
-					})}
-				</Text>
-			) : null}
-			<Title order={1}>{t("events.title")}</Title>
-			<Button onClick={props.retry} disabled={props.refreshing} w="fit-content">
-				{t("investment.refresh")}
-			</Button>
-			{props.partial ? (
-				<Alert role="status">{t("investment.partial")}</Alert>
-			) : null}
-			{props.refreshing ? (
-				<Progress value={100} animated aria-label={t("accounts.refreshing")} />
-			) : null}
-			{props.refreshError ? (
-				<Alert color="yellow" role="status" aria-live="polite">
-					{t(
-						props.sourceError
-							? "investment.syncFailed"
-							: "accounts.refreshError",
-					)}
-					<Button variant="subtle" onClick={props.retry}>
-						{t("accounts.retry")}
-					</Button>
-				</Alert>
-			) : null}
-			<Text c="dimmed">{t("events.hint")}</Text>
-			<Group align="end">
-				<DatePickerInput
-					type="range"
-					allowSingleDateInRange
-					clearable
-					clearButtonProps={{ "aria-label": t("ledger.clearPeriod") }}
-					label={t("ledger.period")}
-					value={[props.draftFrom, props.draftTo]}
-					onChange={([from, to]) => {
-						props.onDraftFromChange(from);
-						props.onDraftToChange(to);
-					}}
-					valueFormat="DD.MM.YYYY"
-					popoverProps={{
-						returnFocus: true,
-						middlewares: { shift: { crossAxis: true } },
-					}}
-				/>
-			</Group>
-			<Group>
-				<Button onClick={props.onApply} disabled={!props.canApply}>
-					{t("ledger.apply")}
-				</Button>
-				<Button variant="default" onClick={props.onReset}>
-					{t("ledger.reset")}
-				</Button>
-			</Group>
-			{props.events.length ? (
+	function renderEvents() {
+		if (props.events.length > 0) {
+			return (
 				<Stack gap="sm">
-					{props.events.map((event) => (
+					{props.events.map(event => (
 						<BrokerageEventCard
 							event={event}
 							key={JSON.stringify([
@@ -98,9 +45,73 @@ const AccountEventsPageLoaded: FC<AccountEventsPageLoadedProps> = (props) => {
 						/>
 					))}
 				</Stack>
-			) : !props.partial ? (
-				<AccountEventsPageEmpty />
-			) : null}
+			);
+		}
+		if (props.partial) {
+			return;
+		}
+		return <AccountEventsPageEmpty />;
+	}
+	return (
+		<Stack gap="lg">
+			{!!(props.lastSuccessfulAt) && ((
+				<Text c="dimmed" size="xs">
+					{t("investment.sourceTime", {
+						date: formatSnapshotTime(props.lastSuccessfulAt),
+					})}
+				</Text>
+			))}
+			<Title order={1}>{t("events.title")}</Title>
+			<Button disabled={props.refreshing} onClick={props.retry} w="fit-content">
+				{t("investment.refresh")}
+			</Button>
+			{!!(props.partial) && ((
+				<Alert role="status">{t("investment.partial")}</Alert>
+			))}
+			{!!(props.refreshing) && ((
+				<Progress animated aria-label={t("accounts.refreshing")} value={100} />
+			))}
+			{!!(props.refreshError) && ((
+				<Alert aria-live="polite" color="yellow" role="status">
+					{t(
+						props.sourceError
+							? "investment.syncFailed"
+							: "accounts.refreshError",
+					)}
+					<Button onClick={props.retry} variant="subtle">
+						{t("accounts.retry")}
+					</Button>
+				</Alert>
+			))}
+			<Text c="dimmed">{t("events.hint")}</Text>
+			<Group align="end">
+				<DatePickerInput
+					allowSingleDateInRange
+					clearable
+					clearButtonProps={{ "aria-label": t("ledger.clearPeriod") }}
+					label={t("ledger.period")}
+					onChange={([from, to]) => {
+						props.onDraftFromChange(from);
+						props.onDraftToChange(to);
+					}}
+					popoverProps={{
+						middlewares: { shift: { crossAxis: true } },
+						returnFocus: true,
+					}}
+					type="range"
+					value={[props.draftFrom, props.draftTo]}
+					valueFormat="DD.MM.YYYY"
+				/>
+			</Group>
+			<Group>
+				<Button disabled={!props.canApply} onClick={props.onApply}>
+					{t("ledger.apply")}
+				</Button>
+				<Button onClick={props.onReset} variant="default">
+					{t("ledger.reset")}
+				</Button>
+			</Group>
+			{renderEvents()}
 		</Stack>
 	);
 };