Twill Brain

#205 Design Transactions table

2 min read

#205 — Design Transactions table

Repo: Twill-AI/twill-ai-ui State: closed | Status: done Assignee: Unassigned

Created: 2025-01-21 · Updated: 2025-09-11

Description

Create a dynamic transactions table to display all and disputes transactions in two tabs.

Transactions Tab Preselected Columns:

  • Transaction ID (hyper link): Unique ID with clickable link to transaction details.
  • Customer Name (hyper link): Display the full name of the customer.
  • Payment Method
  • Amount: Transaction amount with currency.
  • Status (hyper link): Highlight current status (e.g., Succeeded, Failed, Pending).
  • Description/Notes: Optional field for transaction details or notes.

Functional Features (three dots options):

  • Retry: Dynamic for For failed transactions.
  • Refund: Dynamic for For completed transactions.
  • Void: Dynamic for For pending transactions.
  • Capture: Dynamic for authorized captures
  • Download: Download receipt or transaction details.
  • View Details: Open detailed transaction logs or history.

Disputes Tab Preselected Columns:

  • Dispute ID: Unique ID with clickable link to dispute details.
  • Transaction ID: Reference to the related transaction.
  • Customer Name: Full name of the customer involved.
  • Dispute Amount: Amount involved in the dispute, with currency.
  • Status: Dispute status (e.g., Under Review, Resolved, Won, Lost).
  • Reason: Reason for the dispute (e.g., Fraudulent, Duplicate, Unauthorized).

Functional Features (three dots options):

  • Upload Evidence: For disputes under review.
  • Refund: Always an option
  • View Evidence: To see existing dispute evidence.
  • Resolve: Mark disputes as resolved.
  • Contact Support: Direct l

Notes

Add implementation notes, blockers, and context here

Add wikilinks to related people, meetings, or other tickets

Graph View