Recipient message search pagination

[kentcdodds]

Summary

This PR introduces search and pagination capabilities to the "Past Messages" section of a recipient's page. Users can now efficiently find specific messages by content and navigate through extensive message histories in manageable chunks of up to 100 messages per page. Search and pagination states are preserved in the URL query parameters.

Test Plan

1. Navigate to a recipient's "Past Messages" tab.
2. Search Functionality:
   • Enter a search term in the "Search messages..." input field.
   • Verify that the displayed messages are filtered based on the search term.
   • Confirm that the message count dynamically updates to reflect the number of filtered results.
   • Check that the URL updates to include ?search=your_term.
   • Click "Clear search" and verify that all messages are displayed again.
3. Pagination Functionality:
   • If a recipient has more than 100 messages, verify that pagination controls (e.g., "Previous", "Next", "Page X of Y") are visible.
   • Click "Next" and "Previous" buttons to navigate between pages.
   • Confirm that the displayed messages change correctly with each page navigation.
   • Verify that the URL updates to include ?page=X.
   • Test combined functionality: Perform a search, then navigate through the paginated results of the filtered messages.

Checklist

• Tests updated (Existing unit and e2e tests passed)
• Docs updated (N/A)

Screenshots

Search filtering messages by content:

Pagination showing page 2 of 2:

---

 

[cursor]

Cursor Agent can help with this pull request. Just @cursor in comments and I'll start working on changes in this branch.
_{Learn more about Cursor Agents}