Improve the transaction history filters, search, and grouping on /transactions

[Baskarayelu]

📋 Description

The transaction history surfaces live at app/transactions/page.tsx and app/dashboard/transaction-history/page.tsx, which already includes a transaction-history-search-input. The history API exists (Transaction History and Status API). Filtering by status/type/date and grouping by date are either missing or incomplete, and there's no debounced search.

Why this matters: as remittances accumulate, an unfiltered, ungrouped list becomes unusable. Families need to find "did last month's school-fee bill go through?" quickly.

🎯 Requirements & Context

Functional requirements

• Add status/type filters and a date-range filter to the transactions view.
• Debounce the search input and filter by recipient/hash/amount.
• Group results by date (Today / Yesterday / earlier) using TransactionHistoryItem.
• Add empty/no-results state via WidgetEmptyState.

Context & constraints

• Reuse the status-semantics for status badges.
• Keep the dashboard and standalone views consistent.

🛠️ Suggested Execution

git checkout -b feat/transactions-filters-search

• Add filters/search/grouping/empty state, add TSDoc.

npm run lint
npx tsc --noEmit
npm run test:coverage
npm run build

• Edge cases: no matches, very large lists (consider pagination via lib/utils/pagination.ts), special characters in search, reduced motion, mobile table-vs-card density.
• a11y: filters labelled; results count announced via aria-live.
• i18n: externalize filter labels and date group headers.

Example commit message

feat(transactions): add filters, debounced search, and date grouping

Adds status/type/date filters, debounced recipient/hash search, and
Today/Yesterday grouping with a no-results state.

✅ Acceptance Criteria & Guidelines

Requirement	Target
Filters + debounced search + grouping	Required
No-results empty state	Required
Accessibility (labels, aria-live)	Required
Responsive + i18n	Required
Lint + typecheck + build clean	Required
Timeframe	96 hours from assignment

💬 Community & Support

Join the RemitWise contributor community on Discord: https://discord.gg/CtQuPZFMA

Comment to claim before starting. 🚀

[Menjay7]

Hi! I came across this issue and would love to work on it. I have experience with similar tasks and I'm confident I can investigate, implement a clean solution, and thoroughly test it before submitting a PR. If the issue is still open, I would appreciate it if you could assign it to me. Thank you!

[Obiajulu-gif]

Hi Maintainer, I’d like to work on this issue: Improve the transaction history filters, search, and grouping on /transactions.

I have frontend experience with React/Next.js, UI/UX, forms, search states, responsive layouts, and accessibility. I understand the goal is to make transaction history easier to use as records grow by adding status/type/date filters, debounced search, date grouping, and a clear no-results state.

I’ll keep both transaction views consistent, reuse existing status badge semantics, support mobile responsiveness, add proper labels and aria-live feedback, and validate everything with lint, typecheck, tests, and build before submitting the PR. Please assign this issue to me.

[Obiajulu-gif]

Hi Maintainer, I’d like to work on this issue: Improve the transaction history filters, search, and grouping on /transactions.

I have frontend experience with React/Next.js, UI/UX, forms, search states, responsive layouts, and accessibility. I understand the goal is to make transaction history easier to use as records grow by adding status/type/date filters, debounced search, date grouping, and a clear no-results state.

I’ll keep both transaction views consistent, reuse existing status badge semantics, support mobile responsiveness, add proper labels and aria-live feedback, and validate everything with lint, typecheck, tests, and build before submitting the PR. Please assign this issue to me.

[jaynomyaro]

Hi! I’m a full-stack developer with a strong blockchain background. I’d love to handle this issue and can deliver a clean, reliable solution. Kindly assign it to me.

[jaynomyaro]

Hi! I’m a full-stack developer with a strong blockchain background. I’d love to handle this issue and can deliver a clean, reliable solution. Kindly assign it to me.

[lifewithbigdamz]

I would like to work on this issue as a full stack developer and I solve complex web 3 problems