[PR #5767] [MERGED] Create mobile payees list page #59759

Closed
opened 2026-05-07 01:29:53 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/actualbudget/actual/pull/5767
Author: @MatissJanis
Created: 9/22/2025
Status: Merged
Merged: 9/22/2025
Merged by: @MatissJanis

Base: masterHead: cursor/create-mobile-payees-list-page-863b


📝 Commits (8)

  • e657f67 feat: Add mobile payee management
  • a843f70 Add release notes for PR #5767
  • 4f99456 feat: Show loading indicator on mobile payees page
  • b93a4ae mobile(payees): use page-level scroller and useScrollListener; pass isLoading to list to avoid empty-state flash
  • ee2ffd0 refactor(mobile-payees): remove unused onLoadMore prop and scroll logic from PayeesList
  • 9e1f212 ux(mobile-payees): make search bar sticky like mobile rules page
  • 3594076 Revert "ux(mobile-payees): make search bar sticky like mobile rules page"
  • 9917526 feat(mobile-payees): add favorite icon to payees list items and enable scrolling in PayeesList

📊 Changes

8 files changed (+234 additions, -4 deletions)

View changed files

📝 packages/desktop-client/src/components/FinancesApp.tsx (+5 -2)
📝 packages/desktop-client/src/components/mobile/MobileNavTabs.tsx (+2 -2)
packages/desktop-client/src/components/mobile/payees/MobilePayeesPage.tsx (+73 -0)
packages/desktop-client/src/components/mobile/payees/PayeesList.tsx (+86 -0)
packages/desktop-client/src/components/mobile/payees/PayeesListItem.tsx (+59 -0)
📝 packages/desktop-client/src/components/responsive/narrow.ts (+1 -0)
📝 packages/desktop-client/src/components/responsive/wide.ts (+1 -0)
upcoming-release-notes/5767.md (+7 -0)

📄 Description

This PR introduces a new mobile-first Payees page, accessible via /payees on narrow screens.

Key changes:

  • Mobile Payees Page: Added MobilePayeesPage with a search bar and a list of payees, mirroring the design of the mobile rules page.
  • Mobile Navigation: The Payees tab in the mobile navigation now links to this new page.
  • Responsive Routing: Ensures desktop users continue to use the existing ManagePayeesPage, while mobile users get the new dedicated experience.
  • No-op Payee Click: Clicking on a payee in the list currently performs no action, as specified.

Open in Cursor Open in Web


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/actualbudget/actual/pull/5767 **Author:** [@MatissJanis](https://github.com/MatissJanis) **Created:** 9/22/2025 **Status:** ✅ Merged **Merged:** 9/22/2025 **Merged by:** [@MatissJanis](https://github.com/MatissJanis) **Base:** `master` ← **Head:** `cursor/create-mobile-payees-list-page-863b` --- ### 📝 Commits (8) - [`e657f67`](https://github.com/actualbudget/actual/commit/e657f6756af88d9dc50f3f224b1dd2fecdd8f371) feat: Add mobile payee management - [`a843f70`](https://github.com/actualbudget/actual/commit/a843f7052d639aafb75dafec0d69b6613feb851c) Add release notes for PR #5767 - [`4f99456`](https://github.com/actualbudget/actual/commit/4f994560fdb96d2423d1d69dd54438de9614b5c7) feat: Show loading indicator on mobile payees page - [`b93a4ae`](https://github.com/actualbudget/actual/commit/b93a4aec1128a009f23416c5cf1f5a0686b7125a) mobile(payees): use page-level scroller and useScrollListener; pass isLoading to list to avoid empty-state flash - [`ee2ffd0`](https://github.com/actualbudget/actual/commit/ee2ffd082808f279cf343c143b35f3d09c47d016) refactor(mobile-payees): remove unused onLoadMore prop and scroll logic from PayeesList - [`9e1f212`](https://github.com/actualbudget/actual/commit/9e1f212e3c6f5fbd83536d04db58216f708ad125) ux(mobile-payees): make search bar sticky like mobile rules page - [`3594076`](https://github.com/actualbudget/actual/commit/359407664b2cafba557eb85bf257400c1aacb37e) Revert "ux(mobile-payees): make search bar sticky like mobile rules page" - [`9917526`](https://github.com/actualbudget/actual/commit/9917526377a1f739a8f8abcfb6ff46c9e459c31d) feat(mobile-payees): add favorite icon to payees list items and enable scrolling in PayeesList ### 📊 Changes **8 files changed** (+234 additions, -4 deletions) <details> <summary>View changed files</summary> 📝 `packages/desktop-client/src/components/FinancesApp.tsx` (+5 -2) 📝 `packages/desktop-client/src/components/mobile/MobileNavTabs.tsx` (+2 -2) ➕ `packages/desktop-client/src/components/mobile/payees/MobilePayeesPage.tsx` (+73 -0) ➕ `packages/desktop-client/src/components/mobile/payees/PayeesList.tsx` (+86 -0) ➕ `packages/desktop-client/src/components/mobile/payees/PayeesListItem.tsx` (+59 -0) 📝 `packages/desktop-client/src/components/responsive/narrow.ts` (+1 -0) 📝 `packages/desktop-client/src/components/responsive/wide.ts` (+1 -0) ➕ `upcoming-release-notes/5767.md` (+7 -0) </details> ### 📄 Description <!-- Thank you for submitting a pull request! Make sure to follow the instructions to write release notes for your PR — it should only take a minute or two: https://github.com/actualbudget/docs#writing-good-release-notes. Try running yarn generate:release-notes *before* pushing your PR for an interactive experience. --> This PR introduces a new mobile-first Payees page, accessible via `/payees` on narrow screens. **Key changes:** * **Mobile Payees Page:** Added `MobilePayeesPage` with a search bar and a list of payees, mirroring the design of the mobile rules page. * **Mobile Navigation:** The Payees tab in the mobile navigation now links to this new page. * **Responsive Routing:** Ensures desktop users continue to use the existing `ManagePayeesPage`, while mobile users get the new dedicated experience. * **No-op Payee Click:** Clicking on a payee in the list currently performs no action, as specified. --- <a href="https://cursor.com/background-agent?bcId=bc-c245263f-8cc6-4d63-a051-f2f55ccd4a6c"><picture><source media="(prefers-color-scheme: dark)" srcset="https://cursor.com/open-in-cursor-dark.svg"><source media="(prefers-color-scheme: light)" srcset="https://cursor.com/open-in-cursor-light.svg"><img alt="Open in Cursor" src="https://cursor.com/open-in-cursor.svg"></picture></a>&nbsp;<a href="https://cursor.com/agents?id=bc-c245263f-8cc6-4d63-a051-f2f55ccd4a6c"><picture><source media="(prefers-color-scheme: dark)" srcset="https://cursor.com/open-in-web-dark.svg"><source media="(prefers-color-scheme: light)" srcset="https://cursor.com/open-in-web-light.svg"><img alt="Open in Web" src="https://cursor.com/open-in-web.svg"></picture></a> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-05-07 01:29:53 -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#59759