Problem
1. BalanceList onAssetClick does not manage focus after clicking — when a user clicks an asset row that opens a detail view, focus should move to the detail view's heading or close button. Currently no focus management occurs after onAssetClick fires.
2. BalanceList search/filter input is missing — accounts with 20+ trust lines have no way to search assets by code. A small search input at the top of the card would filter visible rows by assetCode substring match.
3. BalanceList has no sort control beyond the default XLM-first sort — users may want to sort by balance descending (most valuable first) or alphabetically. A sort toggle button in the card header would enable this.
Solution
- Accept
detailRef?: React.RefObject<HTMLElement> in BalanceList; call detailRef.current?.focus() after onAssetClick fires.
- Add a search
<Input> above the asset list that filters rows by assetCode substring.
- Add a sort toggle button in the card header cycling through
"default" | "balance-desc" | "alpha" sort modes.
Acceptance Criteria
Note for Contributors: Write a clear PR description. Include a screen recording of the search filter and sort toggle in action.
Problem
1.
BalanceListonAssetClickdoes not manage focus after clicking — when a user clicks an asset row that opens a detail view, focus should move to the detail view's heading or close button. Currently no focus management occurs afteronAssetClickfires.2.
BalanceListsearch/filter input is missing — accounts with 20+ trust lines have no way to search assets by code. A small search input at the top of the card would filter visible rows byassetCodesubstring match.3.
BalanceListhas no sort control beyond the default XLM-first sort — users may want to sort by balance descending (most valuable first) or alphabetically. A sort toggle button in the card header would enable this.Solution
detailRef?: React.RefObject<HTMLElement>inBalanceList; calldetailRef.current?.focus()afteronAssetClickfires.<Input>above the asset list that filters rows byassetCodesubstring."default" | "balance-desc" | "alpha"sort modes.Acceptance Criteria
detailRefafteronAssetClicknpm run buildpasses