Credit History / Transactions Page

[greatest0fallt1me]

Description
Design a comprehensive transaction history page showing all draws, repayments, interest accruals, and status changes for credit lines.

Target Users

• Borrowers tracking their credit activity
• Borrowers reviewing transaction history for accounting/records

Design Requirements

Must Include:

• Page header:
  • Title: "Transaction History"
  • Filter options (by credit line, transaction type, date range)
  • Export button (CSV/PDF)
• Transaction List:
  • Each transaction shows:
    • Date and time
    • Transaction type (Draw, Repay, Interest Accrual, Status Change)
    • Amount (positive for draws, negative for repayments)
    • Credit line identifier
    • Status (Completed, Pending, Failed)
    • Transaction hash (link to Stellar explorer)
• Transaction Types:
  • Draw transactions (green/positive)
  • Repayment transactions (blue/negative)
  • Interest accrual (muted, informational)
  • Status changes (Suspended, Closed, etc.)
• Empty state:
  • When no transactions exist
  • Message and illustration

Should Include:

• Grouping by date (Today, Yesterday, This Week, This Month, Older)
• Search functionality
• Pagination or infinite scroll
• Transaction detail modal (expandable row)
• Filters:
  • By credit line
  • By type (Draw, Repay, Interest, Status Change)
  • By date range
  • By status (Completed, Pending, Failed)
• Summary statistics:
  • Total drawn
  • Total repaid
  • Total interest paid
  • Current debt

Design Specifications

• Table layout: Responsive (full table on desktop, cards on mobile)
• Transaction type icons: Distinct icons for each type
• Color coding: Draw (green), Repay (blue), Interest (muted), Status (yellow)
• Date formatting: Relative (Today, Yesterday) and absolute (full date)
• Export: Button triggers download, shows format options

Deliverables

• High-fidelity mockups (list view, detail view, empty state)
• Filter and search UI components
• Table/card component specifications
• Responsive layouts
• Interactive prototype
• Export functionality UI

Designer Notes

• Make transaction history easy to scan and understand
• Support users who need detailed records for accounting
• Ensure transaction hashes are easily accessible for verification
• Consider power users with many transactions

[drips-wave]

This issue has been added to the Stellar Wave Program and is worth 200 Points.

🧑‍💻 Interested in contributing? Apply to work on this issue on Drips Wave, earn points, and receive rewards.

Warning

Only applications submitted via the apply link above will be considered. Please do not apply by commenting on the issue or opening a PR directly.

🤠 Repo maintainers: You can manage this issue's Points and Complexity on your Maintainer Dashboard here. Please keep an eye on applications and respond quickly 💙

ℹ️ Learn more about Drips Wave

[thlpkee20-wq]

@thlpkee20-wq has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

I’m a professional UI/UX designer, so please assign this task to me. I can complete it in 2 to 3 hours. Thanks!

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

[drips-wave]

@greatest0fallt1me thlpkee20-wq could not be assigned to this issue because they have reached the maximum of 7 accepted assignments per organization in the current wave of the Stellar Wave Program.

The assignee has been removed. Please choose a different contributor.

[olathedev]

@olathedev has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

Hello, maintainer, i would love to work on this issue, i have reviewed the requirements, and i can assure to expect a PR in less then 4hrs of getting assgined.

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

[Codex723]

@Codex723 has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

I just recently worked on the issue #4 and i have a key understanding to what you require so if you give me the opportunity i can start right away

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