WealthLedger/frontend
5
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

chore: finish frontend ESLint migration #18

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

Preserve API contracts and JSX whitespace; verify source, tests, builds and tooling.
This commit is contained in:
ksv741
2026-09-28 16:36:40 +03:00
committed by ksv741
parent 57630102e4
commit 72d7835227
253 changed files with 10059 additions and 8864 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/instrument-details/ui/InstrumentPosition.view.tsx
+48 -40
View File
@@ -1,31 +1,35 @@
import { Alert, Anchor, Stack, Text } from "@mantine/core";
import type { FC } from "react";
import { Alert, Anchor, Stack, Text } from "@mantine/core";
import { useTranslation } from "react-i18next";
import { Link } from "react-router";
import { formatDecimal, formatMoney, formatSnapshotTime } from "@/shared/lib";
import type { InstrumentPositionVm } from "../model/types";
import classes from "./InstrumentDetails.module.css";
import { InstrumentSection } from "./InstrumentSection.view";
type InstrumentPositionProps = {
vm: InstrumentPositionVm;
returnNote?: string;
quantityLabel?: string;
returnNote?: string;
vm: InstrumentPositionVm;
};
const InstrumentPosition: FC<InstrumentPositionProps> = (props) => {
const { vm } = props;
const { t } = useTranslation();
if (vm.position && !vm.position.accounts.length) return null;
if (vm.position && vm.position.accounts.length === 0) return;
return (
<InstrumentSection title={t("stock.position")} state={vm.positionState}>
{vm.position ? (
<InstrumentSection state={vm.positionState} title={t("stock.position")}>
{!!(vm.position) && ((
<Stack gap="md">
{vm.position.isStale ? (
{!!(vm.position.isStale) && ((
<Alert color="orange">{t("portfolio.staleWarning")}</Alert>
) : null}
))}
<div className={`${classes.metrics} ${classes.holding}`}>
<div>
<Text size="sm" c="dimmed">
<Text c="dimmed" size="sm">
{props.quantityLabel ?? t("stock.quantity")}
</Text>
<Text className={classes.metricValue}>
@@ -33,7 +37,7 @@ const InstrumentPosition: FC<InstrumentPositionProps> = (props) => {
</Text>
</div>
<div>
<Text size="sm" c="dimmed">
<Text c="dimmed" size="sm">
{t("stock.value")}
</Text>
<Text className={classes.metricValue}>
@@ -41,7 +45,7 @@ const InstrumentPosition: FC<InstrumentPositionProps> = (props) => {
</Text>
</div>
<div>
<Text size="sm" c="dimmed">
<Text c="dimmed" size="sm">
{t("stock.average")}
</Text>
<Text className={classes.metricValue}>
@@ -49,89 +53,93 @@ const InstrumentPosition: FC<InstrumentPositionProps> = (props) => {
</Text>
</div>
<div>
<Text size="sm" c="dimmed">
<Text c="dimmed" size="sm">
{t("stock.openReturn")}
</Text>
<Text
className={classes.metricValue}
c={
vm.position.absoluteReturn?.value.startsWith("-")
? "red.8"
: "green.8"
}
className={classes.metricValue}
>
{formatMoney(vm.position.absoluteReturn)}
</Text>
{vm.position.returnPercent !== null ? (
{vm.position.returnPercent !== null && ((
<Text size="sm">
{formatDecimal(vm.position.returnPercent)} %
{formatDecimal(vm.position.returnPercent)}
{" "}
%
</Text>
) : null}
))}
</div>
</div>
<Text size="xs" c="dimmed">
<Text c="dimmed" size="xs">
{props.returnNote ?? t("stock.openReturnNote")}
</Text>
<div>
{vm.position.accounts.map((account) => (
{vm.position.accounts.map(account => (
<div className={classes.accountRow} key={account.account?.id}>
{account.account ? (
<Anchor
component={Link}
to={`/accounts/${encodeURIComponent(account.account.id)}`}
>
{account.account.name}
</Anchor>
) : (
<Text>{t("stock.portfolio")}</Text>
)}
{account.account
? (
<Anchor
component={Link}
to={`/accounts/${encodeURIComponent(account.account.id)}`}
>
{account.account.name}
</Anchor>
)
: (
<Text>{t("stock.portfolio")}</Text>
)}
<div>
<Text size="xs" c="dimmed">
<Text c="dimmed" size="xs">
{props.quantityLabel ?? t("stock.quantity")}
</Text>
<Text>{formatDecimal(account.quantity)}</Text>
</div>
<div>
<Text size="xs" c="dimmed">
<Text c="dimmed" size="xs">
{t("stock.average")}
</Text>
<Text>{formatMoney(account.averagePurchasePrice)}</Text>
</div>
<div>
<Text size="xs" c="dimmed">
<Text c="dimmed" size="xs">
{t("stock.value")}
</Text>
<Text>{formatMoney(account.currentValue)}</Text>
</div>
<div>
<Text size="xs" c="dimmed">
<Text c="dimmed" size="xs">
{t("stock.openReturn")}
</Text>
<Text
c={
account.absoluteReturn?.value.startsWith("-")
? "red.8"
: undefined
(account.absoluteReturn?.value.startsWith("-")) ? ("red.8") : undefined
}
>
{formatMoney(account.absoluteReturn)}
</Text>
{account.returnPercent !== null ? (
{account.returnPercent !== null && ((
<Text size="xs">
{formatDecimal(account.returnPercent)} %
{formatDecimal(account.returnPercent)}
{" "}
%
</Text>
) : null}
))}
</div>
</div>
))}
</div>
<Text size="xs" c="dimmed">
<Text c="dimmed" size="xs">
{t("stock.snapshotAt", {
date: formatSnapshotTime(vm.position.observedAt),
})}
</Text>
</Stack>
) : null}
))}
</InstrumentSection>
);
};