refactor: align frontend ownership boundaries

Close audit gaps across API drift, query policy, UI, and tests.
2026-09-06 18:20:05 +03:00
parent 175727bc93
commit c97f62bd98
118 changed files with 2190 additions and 2254 deletions
@@ -0,0 +1,68 @@
+import {
+	Alert,
+	Button,
+	Group,
+	Stack,
+	Text,
+	TextInput,
+	Title,
+} from "@mantine/core";
+import type { FC } from "react";
+import { useTranslation } from "react-i18next";
+import { StateView } from "@/shared/ui";
+import type { AccountIncomePageViewModel } from "../AccountIncomePage.vm";
+import { IncomeBreakdown } from "./IncomeBreakdown.view";
+import { IncomeComparisons } from "./IncomeComparisons.view";
+import { IncomeForecast } from "./IncomeForecast.view";
+import { IncomeSummary } from "./IncomeSummary.view";
+import { IncomeTrend } from "./IncomeTrend.view";
+
+type LoadedProps = Extract<AccountIncomePageViewModel, { state: "loaded" }>;
+
+const AccountIncomePageLoaded: FC<LoadedProps> = (props) => {
+	const { analytics, display, form, forecast, onSubmit, onReset } = props;
+	const { t } = useTranslation();
+	return (
+		<Stack maw={960} gap="lg">
+			<Title order={1}>{t("income.title")}</Title>
+			<form onSubmit={form.handleSubmit(onSubmit)}>
+				<Group align="end">
+					<TextInput
+						error={form.formState.errors.from?.message}
+						label={t("income.from")}
+						type="date"
+						{...form.register("from")}
+					/>
+					<TextInput
+						error={form.formState.errors.to?.message}
+						label={t("income.to")}
+						type="date"
+						{...form.register("to")}
+					/>
+					<Button type="submit">{t("income.apply")}</Button>
+					<Button onClick={onReset} variant="subtle">
+						{t("income.reset")}
+					</Button>
+				</Group>
+			</form>
+			<Text c="dimmed">
+				{analytics.period.from} — {analytics.period.to}
+			</Text>
+			{analytics.totalsByCurrency.length ? (
+				<IncomeSummary totals={analytics.totalsByCurrency} />
+			) : (
+				<StateView
+					title={t("income.emptyTitle")}
+					text={t("income.emptyText")}
+				/>
+			)}
+			<Alert color="blue">{t("income.taxBoundary")}</Alert>
+			<IncomeComparisons analytics={analytics} />
+			<IncomeTrend trend={display.trend} />
+			<IncomeBreakdown instruments={display.instruments} />
+			<IncomeForecast forecast={forecast} />
+		</Stack>
+	);
+};
+
+export { AccountIncomePageLoaded };