Skip to content

feat(ui): show receipt explorer QR code for mobile verification (closes #11) - #22

Open
NePreby wants to merge 6 commits into
Flow-Pulse:mainfrom
NePreby:feat/receipt-modal-qr-code
Open

NePreby wants to merge 6 commits into
Flow-Pulse:mainfrom
NePreby:feat/receipt-modal-qr-code

Conversation

@NePreby

@NePreby NePreby commented Nov 6, 2026

Copy link
Copy Markdown

Summary

Closes #11.

Adds a mobile verification QR code to ReceiptModal encoding the transaction's block explorer URL:

  1. Lightweight Zero-Dependency QR Generator (frontend/src/lib/qr.ts):
    • Implements QR Code Model 2 (Byte mode, Reed-Solomon error correction, version auto-scaling 1-10).
    • Generates compact inline SVG path strings (qrToSvgPath) for pixel-crisp rendering without blurry canvas scaling or external dependencies.
  2. ReceiptModal Integration (frontend/src/components/ReceiptModal.tsx):
    • Positioned cleanly directly beneath the deterministic verification badges.
    • Encodes ${config.explorer}/tx/${r.tx_hash} (Stellar Expert testnet transaction explorer URL).
    • Designed in the Architectural Drafting style (framed white background container, hairline borders, and live link with open icon).
  3. Unit Tests & Verification (frontend/src/lib/__tests__/qr.test.ts):
    • Unit tests covering QR matrix sizing, finder pattern structure, and SVG path generation.
    • Verified clean with npx tsc -b and npx vitest run (50/50 tests passing across 7 test suites).

Payout Wallet:

  • TRX Tron (TRC20): TMqmJjRgVS21NL2eFtfyHciTxvE4BqGmEv

This branch has not been deployed

No deployments
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.

Show a receipt QR code for mobile verification

1 participant