refactor: simplify auth and instrument pages

src/pages/stock/ui/StockPage/StockPage.tsx

@@ -1,66 +1,23 @@
 import type { FC } from "react";
 
-import { Anchor, Button, Skeleton, Stack, Text, Title } from "@mantine/core";
-import { LoadingSkeleton } from "@wealthledger/ui";
-import { useTranslation } from "react-i18next";
-import { Link, Navigate } from "react-router";
+import { Navigate } from "react-router";
 
-import { ApiErrorCode, isApiErrorCode } from "@/shared/api";
+import { InstrumentPageState } from "@/features/instrument-details";
 
 import { StockPageView } from "./StockPage.view";
 import { useStockPageVm } from "./StockPage.vm";
 
 const StockPage: FC = () => {
 	const vm = useStockPageVm();
-	const { t } = useTranslation();
 	if (vm.canonicalTo) return <Navigate replace to={vm.canonicalTo} />;
-	if (vm.stockState.loading)
-		return (
-			<LoadingSkeleton label={t("stock.loading")}>
-				<Stack>
-					<Skeleton h={110} />
-
-					<Skeleton h={350} />
-
-					<Skeleton h={170} />
-				</Stack>
-			</LoadingSkeleton>
-		);
-
-	const unavailableMessage = isApiErrorCode(
-		vm.code,
-		ApiErrorCode.StockTickerAmbiguous,
-	)
-		? "stock.ambiguousTicker"
-		: "stock.unavailableText";
-
-	if (!vm.stock)
-		return (
-			<Stack role="alert">
-				<Title order={1}>{t("stock.unavailable")}</Title>
-
-				<Text>
-					{t(
-						isApiErrorCode(vm.code, ApiErrorCode.TbankNotConnected)
-						|| isApiErrorCode(vm.code, ApiErrorCode.InvalidTbankToken)
-							? "stock.connect"
-							: unavailableMessage,
-					)}
-				</Text>
-
-				<Anchor component={Link} to="/stocks">
-					{t("stock.backToSearch")}
-				</Anchor>
-
-				<Anchor component={Link} to="/settings">
-					{t("accounts.openSettings")}
-				</Anchor>
-
-				<Button onClick={vm.stockState.retry} variant="default">
-					{t("accounts.retry")}
-				</Button>
-			</Stack>
-		);
+	if (vm.stockState.loading || !vm.stock) return (
+		<InstrumentPageState
+			code={vm.code}
+			kind="stock"
+			loading={vm.stockState.loading}
+			retry={vm.stockState.retry}
+		/>
+	);
 
 	return <StockPageView vm={vm} />;
 };