[PR #5802] Mobile Payees - move to react-aria GridList to improve performance #20492

Closed
opened 2026-04-14 21:38:44 -05:00 by GiteaMirror · 0 comments
Owner

Original Pull Request: https://github.com/actualbudget/actual/pull/5802

State: closed
Merged: Yes


GridList uses list virtualization. Which is quite important for long lists of items (i.e. payees). Visually there should be no difference.

I plan on moving the rules list to this soon too (as a different PR).


Note

Migrates the mobile Payees list to react-aria GridList/GridListItem for virtualized, accessible rendering and adds a shared mobile list item style.

  • Mobile (Payees):
    • PayeesList now uses react-aria-components GridList with aria-label, aria-busy, and item rendering; wires actions via onAction; minor loading padding tweak.
    • PayeesListItem converted to memoized GridListItem; updates props (value, GridListItemProps), computes translated label, sets textValue, updates bookmark icon attrs, and uses styles.mobileListItem.
  • Component Library:
    • Adds styles.mobileListItem to packages/component-library/src/styles.ts.
  • Release Notes:
    • Adds maintenance entry announcing the Payees list move to GridList.

Written by Cursor Bugbot for commit 0af5858f67. This will update automatically on new commits. Configure here.

**Original Pull Request:** https://github.com/actualbudget/actual/pull/5802 **State:** closed **Merged:** Yes --- `GridList` uses list virtualization. Which is quite important for long lists of items (i.e. payees). Visually there should be no difference. I plan on moving the rules list to this soon too (as a different PR). <!-- CURSOR_SUMMARY --> --- > [!NOTE] > Migrates the mobile Payees list to react-aria GridList/GridListItem for virtualized, accessible rendering and adds a shared mobile list item style. > > - **Mobile (Payees)**: > - `PayeesList` now uses `react-aria-components` `GridList` with `aria-label`, `aria-busy`, and item rendering; wires actions via `onAction`; minor loading padding tweak. > - `PayeesListItem` converted to memoized `GridListItem`; updates props (`value`, `GridListItemProps`), computes translated `label`, sets `textValue`, updates bookmark icon attrs, and uses `styles.mobileListItem`. > - **Component Library**: > - Adds `styles.mobileListItem` to `packages/component-library/src/styles.ts`. > - **Release Notes**: > - Adds maintenance entry announcing the Payees list move to `GridList`. > > <sup>Written by [Cursor Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit 0af5858f67ac30e1219a6c130e46059dc4a87d71. This will update automatically on new commits. Configure [here](https://cursor.com/dashboard?tab=bugbot).</sup> <!-- /CURSOR_SUMMARY -->
GiteaMirror added the pull-request label 2026-04-14 21:38:44 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#20492