Build the Transactions List & Filtering UI

[codeZe-us]

Implement the Transactions list screen including the individual transaction cards and the comprehensive filter bottom sheet.

Contribution Guide

• PRs go to the dev branch, not main
• Please application must explain a short specific approach to this task
• PR description must clearly describe what you built and changed
• Link your PR to the correct issue number

Implementation Guidelines

• Key files: lib/modules/transactions/presentation/pages/transactions_page.dart, lib/modules/transactions/presentation/widgets/filter_bottom_sheet.dart
• Build the main list view showing transaction items with their respective icons, titles, dates, and amounts (color-coded red for withdrawals, green for deposits).
• Implement the Filter Bottom Sheet with collapsible sections for Date (Last 7 days, Custom, etc.), Transaction Type, and Status (Pending, Successful, Failed).
• Ensure the UI is pixel-perfect and matches the typography, colors, and spacing in the provided designs.

Expectations

• What done looks like: Users can view a scrollable list of their transactions and tap the filter icon to open a functioning bottom sheet that allows them to select various filter criteria.
• Discord for questions: codeze_us

Figma link: https://www.figma.com/design/p5nhJ5ahlDoagScLjJGKCn/Vestroll?t=AUYYKcrNLOuvEdHD-0

[Emoji-dot]

@Emoji-dot has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

I would like to work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Emoji-dot to this issue.

[Unclebaffa]

@Unclebaffa has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Hello maintainers, I'd like to professionally work on this issue ASAP

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Unclebaffa to this issue.

[Jahmeen]

@Jahmeen has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

I would love to work on this issue and contribute to the project.

I’ve reviewed the details and feel confident that I can investigate and implement a solid solution for this.

If this issue is currently unassigned and open for external contributors, could you please assign it to me? I will get started on a fix right away and submit a Pull Request as soon as it's ready.

Please let me know if there are any specific guidelines or approaches you'd like me to follow for this particular task.

Thanks,

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Jahmeen to this issue.

[Keengfk]

@Keengfk has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

I will love to work on this issue,pls 🙏 give me

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Keengfk to this issue.

[joelmadaki77-cyber]

@joelmadaki77-cyber has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Hello maintainer I'll like to work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @joelmadaki77-cyber to this issue.

[isaacCodes1]

@isaacCodes1 has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Based on your request, I will implement and fix this issue according to the design requirement and to fit your acceptance criteria

ℹ️ Repo Maintainers: To accept this application, review their application or assign @isaacCodes1 to this issue.

[gracepeterfejokwu]

@gracepeterfejokwu has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Hello maintainer I'll like to work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @gracepeterfejokwu to this issue.

[Daniel202251]

@Daniel202251 has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

I’m a smart contract and full-stack developer who turns complex ideas into secure, production-ready blockchain code.
With strong skills in Rust and Solidity, I build systems that are fast, safe, and built to last.
My experience with the Stellar SDK lets me ship real-world Web3 solutions that actually move value

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Daniel202251 to this issue.

[manueldezman]

@manueldezman has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Hi Maintainer,

I can resolve this in 30 minutes.

As a frontend engineer who has successfully delivered multiple responsive dashboard screens and pixel-perfect transaction lists, I am highly experienced in handling scroll list performance and building reactive, filterable grid parameters.

My Specific Approach to This Task

1. Dynamic Rendering Pipeline: I will build the core transaction stream within transactions_page.dart using an efficient, scrollable list configuration, applying explicit red/green conditional evaluation rules for withdrawal and deposit currency values.
2. BottomSheet State Separation: I will structure filter_bottom_sheet.dart to manage its own isolated local option selections, wrapping the checkboxes and chips in clean collapsible expansion tiles to mimic the target typography perfectly.
3. Filter Application Logic: I will pass a unified filtration dataset map callback from the bottom sheet back to the master view state to filter the historical data array instantly without dropping frames.
4. Layout Cohesion: I will apply rigid padding markers and custom icons to the transaction cards to completely block container layout shifting during real-time scrolling.

Could you please assign this transaction list and filtering layout task to me on the dev branch? I will deliver a clean, review-ready PR within the 30-minute window.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @manueldezman to this issue.

[dumbdevss]

@dumbdevss has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Please team, can you assign me this issue. Will be able to complete it this night

ℹ️ Repo Maintainers: To accept this application, review their application or assign @dumbdevss to this issue.

[AvatarMiiDe]

@AvatarMiiDe has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Hi, Kindly assign me this project as I can still work on it before the close of the wave

ℹ️ Repo Maintainers: To accept this application, review their application or assign @AvatarMiiDe to this issue.

[oluwaseyi1996-netizen]

@oluwaseyi1996-netizen has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Please I will love to work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @oluwaseyi1996-netizen to this issue.