refactor: clarify frontend module ownership

2026-09-29 07:07:36 +03:00
parent 7c28a423dd
commit f9f0f6921e
91 changed files with 1292 additions and 1050 deletions
@@ -5,16 +5,16 @@ import { StateView } from "@wealthledger/ui";
 import { useTranslation } from "react-i18next";

 import {
-	AccountsRefreshState,
-	type AccountsRefreshStateProps,
-} from "./AccountsRefreshState.view";
+	InvestmentRefreshState,
+	type InvestmentRefreshStateProps,
+} from "@/features/tbank-connection";

-const AccountsPageEmpty: FC<AccountsRefreshStateProps> = (props) => {
+const AccountsPageEmpty: FC<InvestmentRefreshStateProps> = (props) => {
 	const { t } = useTranslation();

 	return (
 		<Stack>
-			<AccountsRefreshState {...props} />
+			<InvestmentRefreshState {...props} />

 			<StateView
 				text={t("accounts.emptyText")}
@@ -8,13 +8,12 @@ import {
 	type BrokerageAccountCard,
 	BrokerageAccountList,
 } from "@/entities/brokerage-account";
-
 import {
-	AccountsRefreshState,
-	type AccountsRefreshStateProps,
-} from "./AccountsRefreshState.view";
+	InvestmentRefreshState,
+	type InvestmentRefreshStateProps,
+} from "@/features/tbank-connection";

-type AccountsPageLoadedProps = AccountsRefreshStateProps & {
+type AccountsPageLoadedProps = InvestmentRefreshStateProps & {
 	accounts: BrokerageAccountCard[];
 };

@@ -32,7 +31,7 @@ const AccountsPageLoaded: FC<AccountsPageLoadedProps> = (props) => {
 				</Text>
 			</Stack>

-			<AccountsRefreshState {...refresh} />
+			<InvestmentRefreshState {...refresh} />

 			<Button
 				component={Link}
@@ -1,66 +0,0 @@
-import type { FC } from "react";
-
-import { Alert, Button, Group, Loader, Stack, Text } from "@mantine/core";
-import { useTranslation } from "react-i18next";
-
-import { formatSnapshotTime } from "@/shared/lib";
-
-type AccountsRefreshStateProps = {
-	lastSuccessfulAt?: null | string;
-	refreshError?: boolean;
-	refreshing?: boolean;
-	retry?: () => void;
-	sourceError?: boolean;
-};
-
-const AccountsRefreshState: FC<AccountsRefreshStateProps> = (props) => {
-	const { refreshError = false, refreshing = false, retry } = props;
-	const { t } = useTranslation();
-
-	return (
-		<>
-			{!!props.lastSuccessfulAt && (
-				<Text c="dimmed" size="xs">
-					{t("investment.sourceTime", {
-						date: formatSnapshotTime(props.lastSuccessfulAt),
-					})}
-				</Text>
-			)}
-
-			<Button
-				disabled={refreshing}
-				onClick={retry}
-				variant="light"
-				w="fit-content"
-			>
-				{t(refreshError ? "accounts.retry" : "investment.refresh")}
-			</Button>
-
-			{!!refreshing && (
-				<Group aria-label={t("accounts.refreshing")} gap="xs" role="status">
-					<Loader size="sm" />
-
-					<Text c="dimmed" size="sm">
-						{t("accounts.refreshing")}
-					</Text>
-				</Group>
-			)}
-
-			{!!refreshError && (
-				<Alert aria-live="polite" color="orange" role="status">
-					<Stack gap="sm">
-						<Text>
-							{t(
-								props.sourceError
-									? "investment.syncFailed"
-									: "accounts.refreshError",
-							)}
-						</Text>
-					</Stack>
-				</Alert>
-			)}
-		</>
-	);
-};
-
-export { AccountsRefreshState, type AccountsRefreshStateProps };