feat(income): add account income analytics

src/app/routes/AppRoutes.tsx

@@ -17,6 +17,10 @@ const AccountOperationsPage = lazy(async () => {
 	const { AccountOperationsPage } = await import("@/pages/account-operations");
 	return { default: AccountOperationsPage };
 });
+const AccountIncomePage = lazy(async () => {
+	const { AccountIncomePage } = await import("@/pages/account-income");
+	return { default: AccountIncomePage };
+});
 const AccountsPage = lazy(async () => {
 	const { AccountsPage } = await import("@/pages/accounts");
 	return { default: AccountsPage };
@@ -188,6 +192,14 @@ const AppRoutes: FC = () => {
 						</LazyPage>
 					}
 				/>
+				<Route
+					path="/accounts/:accountId/income"
+					element={
+						<LazyPage variant="content">
+							<AccountIncomePage />
+						</LazyPage>
+					}
+				/>
 				<Route
 					path="/accounts/:accountId/operations"
 					element={

src/app/ui/AppBreadcrumbs.tsx

@@ -13,6 +13,7 @@ type BreadcrumbTrailProps = {
 type AccountBreadcrumbsProps = {
 	accountId: string;
 	events: boolean;
+	income: boolean;
 	operations: boolean;
 };
 
@@ -43,7 +44,7 @@ const BreadcrumbTrail: FC<BreadcrumbTrailProps> = (props) => {
 };
 
 const AccountBreadcrumbs: FC<AccountBreadcrumbsProps> = (props) => {
-	const { accountId, events, operations } = props;
+	const { accountId, events, income, operations } = props;
 	const { data: accounts } = useBrokerageAccounts();
 	const { t } = useTranslation();
 	const accountName =
@@ -66,10 +67,16 @@ const AccountBreadcrumbs: FC<AccountBreadcrumbsProps> = (props) => {
 								{ label: accountName, to: accountPath },
 								{ label: t("breadcrumbs.operations") },
 							]
-						: [
-								{ label: t("breadcrumbs.accounts"), to: "/accounts" },
-								{ label: accountName },
-							]
+						: income
+							? [
+									{ label: t("breadcrumbs.accounts"), to: "/accounts" },
+									{ label: accountName, to: accountPath },
+									{ label: t("breadcrumbs.income") },
+								]
+							: [
+									{ label: t("breadcrumbs.accounts"), to: "/accounts" },
+									{ label: accountName },
+								]
 			}
 		/>
 	);
@@ -85,6 +92,10 @@ const AppBreadcrumbs: FC = () => {
 		path: "/accounts/:accountId/events",
 		end: true,
 	});
+	const accountIncome = useMatch({
+		path: "/accounts/:accountId/income",
+		end: true,
+	});
 	const account = useMatch({ path: "/accounts/:accountId", end: true });
 	const accounts = useMatch({ path: "/accounts", end: true });
 	const settings = useMatch({ path: "/settings", end: true });
@@ -94,6 +105,7 @@ const AppBreadcrumbs: FC = () => {
 			<AccountBreadcrumbs
 				accountId={accountOperations.params.accountId ?? ""}
 				events={false}
+				income={false}
 				operations
 			/>
 		);
@@ -102,6 +114,16 @@ const AppBreadcrumbs: FC = () => {
 			<AccountBreadcrumbs
 				accountId={accountEvents.params.accountId ?? ""}
 				events
+				income={false}
+				operations={false}
+			/>
+		);
+	if (accountIncome)
+		return (
+			<AccountBreadcrumbs
+				accountId={accountIncome.params.accountId ?? ""}
+				events={false}
+				income
 				operations={false}
 			/>
 		);
@@ -110,6 +132,7 @@ const AppBreadcrumbs: FC = () => {
 			<AccountBreadcrumbs
 				accountId={account.params.accountId ?? ""}
 				events={false}
+				income={false}
 				operations={false}
 			/>
 		);