feat: show persisted investment data and sync state

Consume the provided resource-envelope API snapshot. Preserve financial snapshots during
refresh, observe synchronization without importing, and fence late responses across
account and connection changes.
This commit is contained in:
2026-09-26 21:22:49 +03:00
parent b987fd8e78
commit 4e5f564fa1
81 changed files with 4714 additions and 1420 deletions
@@ -32,6 +32,16 @@ const StocksPageView: FC<StocksPageViewProps> = (props) => {
{t("stock.searchSubtitle")}
</Text>
</div>
<Button
onClick={vm.retry}
disabled={vm.refreshing || vm.query.trim().length < 2}
w="fit-content"
>
{t("investment.refresh")}
</Button>
{vm.partial ? (
<Alert role="status">{t("investment.partial")}</Alert>
) : null}
<TextInput
label={t("stock.searchLabel")}
placeholder={t("stock.searchPlaceholder")}
@@ -44,7 +54,7 @@ const StocksPageView: FC<StocksPageViewProps> = (props) => {
<Text c="dimmed">{t("stock.searchHint")}</Text>
) : null}
{vm.error ? (
<Alert role="alert" color="orange">
<Alert role="status" aria-live="polite" color="orange">
<Stack gap="xs">
<Text>
{t(
@@ -142,7 +152,9 @@ const StocksPageView: FC<StocksPageViewProps> = (props) => {
))}
</Stack>
) : (
<Text c="dimmed">{t("stock.noSearchResults")}</Text>
<Text c="dimmed">
{t(vm.partial ? "investment.partial" : "stock.noSearchResults")}
</Text>
)
) : null}
</Stack>