feat: add quiet reading with rare confirmations

Part of the quiet-user-feedback change; docs and specs land in their own repositories.

src/pages/account-income/ui/AccountIncomePage/components/AccountIncomePageError.view.tsx

@@ -1,6 +1,5 @@
 import type { FC } from "react";
 
-import { Button } from "@mantine/core";
 import { StateView } from "@wealthledger/ui";
 import { useTranslation } from "react-i18next";
 
@@ -8,12 +7,11 @@ import type { AccountIncomePageViewModel } from "../AccountIncomePage.vm";
 
 type ErrorProps = Extract<AccountIncomePageViewModel, { state: "error" }>;
 
-const AccountIncomePageError: FC<ErrorProps> = (props) => {
+const AccountIncomePageError: FC<ErrorProps> = () => {
 	const { t } = useTranslation();
 
 	return (
 		<StateView
-			action={<Button onClick={props.retry}>{t("income.retry")}</Button>}
 			error
 			text={t("income.errorText")}
 			title={t("income.errorTitle")}

src/pages/account-income/ui/AccountIncomePage/components/AccountIncomePageLoaded.view.tsx

@@ -2,19 +2,13 @@ import type { FC } from "react";
 
 import {
 	Alert,
-	Button,
-	Group,
-	Loader,
 	Stack,
-	Text,
 	Title,
 } from "@mantine/core";
 import { StateView } from "@wealthledger/ui";
 import { FormProvider } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 
-import { SourceSyncStatus } from "@/shared/ui";
-
 import type { AccountIncomePageViewModel } from "../AccountIncomePage.vm";
 
 import classes from "../AccountIncomePage.module.css";
@@ -40,21 +34,14 @@ const AccountIncomePageLoadedSummary: FC<LoadedProps> = (props) => {
 };
 
 const AccountIncomePageLoaded: FC<LoadedProps> = (props) => {
-	const { display, form, onReset, onSubmit, refreshError, refreshing, retry }
-		= props;
+	const { display, form, onReset, onSubmit } = props;
 
 	const { t } = useTranslation();
 
 	return (
 		<Stack className={classes.page} gap="lg">
-			<SourceSyncStatus lastSuccessfulAt={props.lastSuccessfulAt} />
-
 			<Title order={1}>{t("income.title")}</Title>
 
-			<Button disabled={refreshing} onClick={retry} w="fit-content">
-				{t("investment.refresh")}
-			</Button>
-
 			<FormProvider {...form}>
 				<IncomePeriodForm
 					key={props.formRevision}
@@ -63,32 +50,6 @@ const AccountIncomePageLoaded: FC<LoadedProps> = (props) => {
 				/>
 			</FormProvider>
 
-			{!!refreshing && (
-				<Group aria-label={t("income.refreshing")} gap="xs" role="status">
-					<Loader size="sm" />
-
-					<Text>{t("income.refreshing")}</Text>
-				</Group>
-			)}
-
-			{!!refreshError && (
-				<Alert aria-live="polite" color="orange" role="status">
-					<Stack gap="sm">
-						<Text>
-							{t(
-								props.sourceError
-									? "investment.syncFailed"
-									: "income.refreshError",
-							)}
-						</Text>
-
-						<Button onClick={retry} variant="default">
-							{t("income.retry")}
-						</Button>
-					</Stack>
-				</Alert>
-			)}
-
 			<AccountIncomePageLoadedSummary {...props} />
 
 			<Alert color="blue">{t("income.taxBoundary")}</Alert>