Skip to content

Conversation

@Favourof
Copy link
Contributor

🚀 Changes

Implemented the TransactionProofCard component as requested in the UI/UX design task.

#14

🎨 Design Artifacts

Figma File: View Transaction Proof Design

🛠 Features

  • Trust Indicators: Added Verification Badge and "On-Chain Verified" status.
  • Dynamic Status: Handles Success (Green), Pending (Amber), and Failed (Red) states.
  • Micro-interactions: Auto-truncates wallet addresses and includes "Copy to Clipboard" functionality.
  • Stellar Integration: Direct link to Stellar Explorer for the transaction hash.
  • Theme: Aligned with the project's Indigo/Blue branding (#2664eb).

🖼 Preview

Screenshot 2026-01-25 085024

🧪 How to Test

Import the component and pass a mock transaction object:

<TransactionProofCard 
  hash="f4a2...8517" 
  amount="500.00" 
  currency="XLM" 
  status="success" 
  senderAddress="Ft3..uhd"
  recipientAddress="8X.rydkkw"
  date=""
  fee=""
  memo=""
/>

@Baskarayelu Baskarayelu merged commit 2215afa into Remitwise-Org:main Jan 29, 2026
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.

2 participants