Skip to content

feat: add TransactionList component#295

Open
gabvega08 wants to merge 3 commits into
Kaizenode:mainfrom
gabvega08:feature/transaction-list-component
Open

feat: add TransactionList component#295
gabvega08 wants to merge 3 commits into
Kaizenode:mainfrom
gabvega08:feature/transaction-list-component

Conversation

@gabvega08

@gabvega08 gabvega08 commented Jun 17, 2026

Copy link
Copy Markdown

📝 Pull Request Title

🛠️ Issue

📖 Description

  • Adds a controlled TransactionList component for the full transaction history screen.
  • Groups transactions by date sections (HOY, AYER, month labels) with inline row rendering.
  • Includes search filtering by name or amount and tab segmentation via the existing TabBar.
  • Adds a demo page at /transactions with mock data matching the issue reference.

✅ Changes made

  • Created p2p-safe-swap/frontend/components/ui/transaction-list.tsx with Transaction type and controlled props.
  • Created p2p-safe-swap/app/transactions/page.tsx demo page with mock transactions.

🖼️ Media (screenshots/videos)

  • Demo available at /transactions route.
Screenshot 2026-06-17 at 5 01 11 PM

📜 Additional Notes

  • SearchBar, SectionLabel, and TransactionRow markup are implemented inline inside TransactionList until dedicated subcomponents land in separate issues.

@diegoTech14

Copy link
Copy Markdown
Contributor

Hello sir, we have just merged the search bar and cards components, could you update your PR please? also we need to wait this one #290 to implement all of them in your PR.

That issue has a maximum of 8 hours to be finished if not I will reassign it.

@gabvega08

Copy link
Copy Markdown
Author

Hello sir, we have just merged the search bar and cards components, could you update your PR please? also we need to wait this one #290 to implement all of them in your PR.

That issue has a maximum of 8 hours to be finished if not I will reassign it.

I fix that!

Use SearchBar, TransactionRow, and DateGroupHeader after syncing with upstream main.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Create the TransactionList component

2 participants