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/ui/AccountPage/components/PositionCard/PositionCard.stories.tsx

@@ -1,28 +1,30 @@
 import type { Meta, StoryObj } from "@storybook/react-vite";
+
 import type { AccountPagePosition } from "../../AccountPage.vm";
+
 import { PositionCard } from "./PositionCard.view";
 
-const syntheticPosition = {
-	figi: null,
-	displayName: "Учебные технологии",
-	type: "STOCK",
-	quantity: "100",
-	currentValue: { currency: "RUB", value: "25000" },
-	averagePurchasePrice: { currency: "RUB", value: "200" },
+const syntheticPosition = (/* eslint-disable unicorn/no-null -- Fixture preserves the production contract’s explicit null values. */
+{
 	absoluteReturn: { currency: "RUB", value: "5000" },
+	averagePurchasePrice: { currency: "RUB", value: "200" },
+	currentValue: { currency: "RUB", value: "25000" },
+	displayName: "Учебные технологии",
+	figi: null,
 	isin: null,
-	ticker: "DEMO",
 	logoName: null,
-	shareText: "20%",
+	logoSrc: null,
+	quantity: "100",
 	returnText: "+5 000 ₽",
 	returnTone: "positive",
-	logoSrc: null,
-} satisfies AccountPagePosition;
+	shareText: "20%",
+	ticker: "DEMO",
+	type: "STOCK",
+}
+/* eslint-enable unicorn/no-null */) satisfies AccountPagePosition;
 
 const meta = {
-	title: "Product/PositionCard",
-	component: PositionCard,
-	tags: ["autodocs"],
+	args: { kind: "stocks", position: syntheticPosition },
 	argTypes: {
 		kind: {
 			control: "inline-radio",
@@ -30,6 +32,7 @@ const meta = {
 		},
 		position: { control: false },
 	},
+	component: PositionCard,
 	parameters: {
 		docs: {
 			description: {
@@ -38,7 +41,8 @@ const meta = {
 			},
 		},
 	},
-	args: { kind: "stocks", position: syntheticPosition },
+	tags: ["autodocs"],
+	title: "Product/PositionCard",
 } satisfies Meta<typeof PositionCard>;
 
 export default meta;
@@ -57,78 +61,84 @@ export const StockGain: Story = {
 	},
 };
 
-export const BondLoss: Story = {
-	name: "Облигация с отрицательным результатом",
-	args: {
-		kind: "bonds",
-		position: {
-			...syntheticPosition,
-			displayName: "Учебные облигации для долгосрочных накоплений, выпуск 2030",
-			type: "BOND",
-			quantity: "10",
-			currentValue: { currency: "RUB", value: "9500" },
-			averagePurchasePrice: { currency: "RUB", value: "1000" },
-			absoluteReturn: { currency: "RUB", value: "-500" },
-			isin: "DEMO-BOND-2030",
-			ticker: null,
-			shareText: "7,6%",
-			returnText: "−500 ₽",
-			returnTone: "negative",
+export const BondLoss: Story = (/* eslint-disable unicorn/no-null -- Fixture preserves the production contract’s explicit null values. */
+	{
+		args: {
+			kind: "bonds",
+			position: {
+				...syntheticPosition,
+				absoluteReturn: { currency: "RUB", value: "-500" },
+				averagePurchasePrice: { currency: "RUB", value: "1000" },
+				currentValue: { currency: "RUB", value: "9500" },
+				displayName: "Учебные облигации для долгосрочных накоплений, выпуск 2030",
+				isin: "DEMO-BOND-2030",
+				quantity: "10",
+				returnText: "−500 ₽",
+				returnTone: "negative",
+				shareText: "7,6%",
+				ticker: null,
+				type: "BOND",
+			},
 		},
-	},
-	parameters: {
-		docs: {
-			description: {
-				story:
+		name: "Облигация с отрицательным результатом",
+		parameters: {
+			docs: {
+				description: {
+					story:
 					"Для облигации используется идентификатор выпуска. Длинное имя и отрицательная сумма позволяют проверить компактное представление на узком экране.",
+				},
 			},
 		},
-	},
-};
+	}
+/* eslint-enable unicorn/no-null */);
 
-export const Other: Story = {
-	name: "Прочий инструмент",
-	args: {
-		kind: "other",
-		position: {
-			...syntheticPosition,
-			displayName: "Учебный фонд",
-			type: "FUND",
-			isin: "DEMO-FUND",
-			ticker: null,
+export const Other: Story = (/* eslint-disable unicorn/no-null -- Fixture preserves the production contract’s explicit null values. */
+	{
+		args: {
+			kind: "other",
+			position: {
+				...syntheticPosition,
+				displayName: "Учебный фонд",
+				isin: "DEMO-FUND",
+				ticker: null,
+				type: "FUND",
+			},
 		},
-	},
-	parameters: {
-		docs: {
-			description: {
-				story:
+		name: "Прочий инструмент",
+		parameters: {
+			docs: {
+				description: {
+					story:
 					"Компактный вариант для остальных инструментов сохраняет количество, стоимость и пояснение результата без оформления акции или облигации.",
+				},
 			},
 		},
-	},
-};
+	}
+/* eslint-enable unicorn/no-null */);
 
-export const MissingValuation: Story = {
-	name: "Оценка и идентификаторы отсутствуют",
-	args: {
-		position: {
-			...syntheticPosition,
-			displayName: "Учебная позиция без текущей оценки",
-			currentValue: null,
-			averagePurchasePrice: null,
-			absoluteReturn: null,
-			ticker: null,
-			shareText: null,
-			returnText: null,
-			returnTone: undefined,
-		},
-	},
-	parameters: {
-		docs: {
-			description: {
-				story:
-					"При отсутствии оценки остаются название и количество. Неизвестная стоимость, доля и результат не изображаются нулевыми значениями.",
+export const MissingValuation: Story = (/* eslint-disable unicorn/no-null -- Fixture preserves the production contract’s explicit null values. */
+	{
+		args: {
+			position: {
+				...syntheticPosition,
+				absoluteReturn: null,
+				averagePurchasePrice: null,
+				currentValue: null,
+				displayName: "Учебная позиция без текущей оценки",
+				returnText: null,
+				returnTone: undefined,
+				shareText: null,
+				ticker: null,
 			},
 		},
-	},
-};
+		name: "Оценка и идентификаторы отсутствуют",
+		parameters: {
+			docs: {
+				description: {
+					story:
+					"При отсутствии оценки остаются название и количество. Неизвестная стоимость, доля и результат не изображаются нулевыми значениями.",
+				},
+			},
+		},
+	}
+/* eslint-enable unicorn/no-null */);

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

@@ -1,13 +1,17 @@
-import { Anchor, Card, Group, Stack, Text } from "@mantine/core";
 import type { FC } from "react";
+
+import { Anchor, Card, Group, Stack, Text } from "@mantine/core";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router";
+
 import { formatMoney } from "@/shared/lib";
-import classes from "../../AccountPage.module.css";
+
 import type {
 	AccountPagePosition,
 	AccountPagePositionSection,
 } from "../../AccountPage.vm";
+
+import classes from "../../AccountPage.module.css";
 import { PositionLogo } from "../PositionLogo.view";
 
 type PositionCardProps = {
@@ -22,41 +26,37 @@ const PositionCard: FC<PositionCardProps> = (props) => {
 	const returnClass = position.returnTone
 		? classes[position.returnTone]
 		: undefined;
-	const returnText =
-		position.returnText && isExpanded
-			? position.returnText
-			: position.returnText
-				? t("portfolio.return", {
-						value: position.returnText,
-					})
-				: null;
+	let returnText = position.returnText;
+	if (returnText && !isExpanded) returnText = t("portfolio.return", { value: returnText });
 	const instrumentTo = position.instrumentTo;
-	const identifier =
-		kind === "stocks" ? (position.ticker ?? position.isin) : position.isin;
+	const identifier
+		= kind === "stocks" ? (position.ticker ?? position.isin) : position.isin;
 	const identifierText = [
 		t("portfolio.quantity", { value: position.quantity }),
 		identifier,
 	]
 		.filter(Boolean)
 		.join(" · ");
-	const accountLink = position.account ? (
-		<Anchor
-			component={Link}
-			to={`/accounts/${encodeURIComponent(position.account.id)}`}
-			size="xs"
-		>
-			{position.account.name}
-		</Anchor>
-	) : null;
+	const accountLink = position.account
+		? (
+				<Anchor
+					component={Link}
+					size="xs"
+					to={`/accounts/${encodeURIComponent(position.account.id)}`}
+				>
+					{position.account.name}
+				</Anchor>
+			)
+		: undefined;
 	const secondaryText = [
 		position.averagePurchasePrice
 			? t("portfolio.avgPrice", {
 					value: formatMoney(position.averagePurchasePrice),
 				})
-			: null,
+			: /* eslint-disable-line unicorn/no-null -- Mantine represents an empty controlled field as null. */ null,
 		position.shareText
 			? t("portfolio.share", { value: position.shareText })
-			: null,
+			: /* eslint-disable-line unicorn/no-null -- Mantine represents an empty controlled field as null. */ null,
 	]
 		.filter(Boolean)
 		.join(" · ");
@@ -67,91 +67,93 @@ const PositionCard: FC<PositionCardProps> = (props) => {
 				<div className={classes.expandedMain}>
 					<PositionLogo
 						key={position.logoSrc ?? "no-logo"}
-						src={position.logoSrc}
 						label={position.displayName}
+						src={position.logoSrc}
 						to={instrumentTo}
 					/>
-					<Stack gap={2} miw={0} className={classes.expandedIdentity}>
-						{instrumentTo ? (
-							<Anchor component={Link} to={instrumentTo} c="inherit" fw={600}>
-								{position.displayName}
-							</Anchor>
-						) : (
-							<Text fw={600} lineClamp={1}>
-								{position.displayName}
-							</Text>
-						)}
+					<Stack className={classes.expandedIdentity} gap={2} miw={0}>
+						{instrumentTo
+							? (
+									<Anchor c="inherit" component={Link} fw={600} to={instrumentTo}>
+										{position.displayName}
+									</Anchor>
+								)
+							: (
+									<Text fw={600} lineClamp={1}>
+										{position.displayName}
+									</Text>
+								)}
 						{accountLink}
-						<Text c="dimmed" size="xs" className={classes.expandedIdentifiers}>
+						<Text c="dimmed" className={classes.expandedIdentifiers} size="xs">
 							{identifierText}
 						</Text>
 					</Stack>
-					<Stack gap={2} align="flex-end" className={classes.expandedValue}>
-						{position.currentValue ? (
+					<Stack align="flex-end" className={classes.expandedValue} gap={2}>
+						{!!(position.currentValue) && ((
 							<Text fw={700} size="lg">
 								{formatMoney(position.currentValue)}
 							</Text>
-						) : null}
-						{returnText ? (
-							<Text size="sm" fw={600} className={returnClass}>
+						))}
+						{!!(returnText) && ((
+							<Text className={returnClass} fw={600} size="sm">
 								{returnText}
 							</Text>
-						) : null}
+						))}
 					</Stack>
 				</div>
-				{secondaryText ? (
-					<Text c="dimmed" size="xs" className={classes.expandedMeta}>
+				{!!(secondaryText) && ((
+					<Text c="dimmed" className={classes.expandedMeta} size="xs">
 						{secondaryText}
 					</Text>
-				) : null}
+				))}
 			</Card>
 		);
 	return (
 		<Card className={classes.tile} withBorder>
-			<Group justify="space-between" align="flex-start" wrap="nowrap">
+			<Group align="flex-start" justify="space-between" wrap="nowrap">
 				<Stack gap={2} miw={0}>
 					<Text fw={700} lineClamp={1}>
 						{position.displayName}
 					</Text>
 					{accountLink}
-					{position.isin ? (
-						<Text c="dimmed" size="xs" className={classes.mono}>
+					{!!(position.isin) && ((
+						<Text c="dimmed" className={classes.mono} size="xs">
 							{position.isin}
 						</Text>
-					) : null}
+					))}
 					<Text c="dimmed" size="xs">
 						{t("portfolio.quantity", { value: position.quantity })}
 					</Text>
 				</Stack>
-				<Stack gap={2} align="flex-end">
-					{position.currentValue ? (
+				<Stack align="flex-end" gap={2}>
+					{!!(position.currentValue) && ((
 						<Text fw={800} size="lg">
 							{formatMoney(position.currentValue)}
 						</Text>
-					) : null}
-					{returnText ? (
-						<Text size="sm" fw={600} className={returnClass}>
+					))}
+					{!!(returnText) && ((
+						<Text className={returnClass} fw={600} size="sm">
 							{returnText}
 						</Text>
-					) : null}
+					))}
 				</Stack>
 			</Group>
-			{position.averagePurchasePrice || position.shareText ? (
+			{!!(position.averagePurchasePrice || position.shareText) && ((
 				<Group justify="space-between" mt="xs">
-					{position.averagePurchasePrice ? (
+					{!!(position.averagePurchasePrice) && ((
 						<Text c="dimmed" size="xs">
 							{t("portfolio.avgPrice", {
 								value: formatMoney(position.averagePurchasePrice),
 							})}
 						</Text>
-					) : null}
-					{position.shareText ? (
+					))}
+					{!!(position.shareText) && ((
 						<Text c="dimmed" size="xs">
 							{t("portfolio.share", { value: position.shareText })}
 						</Text>
-					) : null}
+					))}
 				</Group>
-			) : null}
+			))}
 		</Card>
 	);
 };