refactor: colocate frontend component files

2026-09-23 08:34:58 +03:00
parent 85fcfe3d07
commit b987fd8e78
190 changed files with 131 additions and 108 deletions
@@ -0,0 +1,51 @@
+import { Anchor, Button, Skeleton, Stack, Text, Title } from "@mantine/core";
+import { LoadingSkeleton } from "@wealthledger/ui";
+import type { FC } from "react";
+import { useTranslation } from "react-i18next";
+import { Link, Navigate } from "react-router";
+import { StockPageView } from "./StockPage.view";
+import { useStockPageVm } from "./StockPage.vm";
+
+const StockPage: FC = () => {
+	const vm = useStockPageVm();
+	const { t } = useTranslation();
+	if (vm.canonicalTo) return <Navigate to={vm.canonicalTo} replace />;
+	if (vm.stockState.loading)
+		return (
+			<LoadingSkeleton label={t("stock.loading")}>
+				<Stack>
+					<Skeleton h={110} />
+					<Skeleton h={350} />
+					<Skeleton h={170} />
+				</Stack>
+			</LoadingSkeleton>
+		);
+	if (!vm.stock)
+		return (
+			<Stack role="alert">
+				<Title order={1}>{t("stock.unavailable")}</Title>
+				<Text>
+					{t(
+						vm.code === "TBANK_NOT_CONNECTED" ||
+							vm.code === "INVALID_TBANK_TOKEN"
+							? "stock.connect"
+							: vm.code === "STOCK_TICKER_AMBIGUOUS"
+								? "stock.ambiguousTicker"
+								: "stock.unavailableText",
+					)}
+				</Text>
+				<Anchor component={Link} to="/stocks">
+					{t("stock.backToSearch")}
+				</Anchor>
+				<Anchor component={Link} to="/settings">
+					{t("accounts.openSettings")}
+				</Anchor>
+				<Button variant="default" onClick={vm.stockState.retry}>
+					{t("accounts.retry")}
+				</Button>
+			</Stack>
+		);
+	return <StockPageView vm={vm} />;
+};
+
+export { StockPage };