Aurum · Order Failed
Aurum · Order Failed is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-trade-buy-failed.
The buy-failed screen for Aurum's crypto checkout. A close (X) icon sits top-right; centered below is a CustomPainter error badge — a soft red filled disc, a stroked ring at 72% radius, and a rounded-cap red cross — followed by the bold "Order failed" headline and a reassuring sub-line, "We couldn't complete your purchase. No funds were taken." A red-tinted warning panel (10% fill, 40% border) carries an info icon and the exact decline reason: "Card declined by issuer (code 51). Try a different payment method or contact your bank." A surface card then recaps the failed attempt as label/value rows — Attempted $102.11, For 0.001560 BTC, Payment Visa ···· 4291 — using tabular figures so the amounts align. Two pinned buttons close the screen: a brand-yellow "Try again" FilledButton and an outlined "Change payment method." Pure Flutter: a StatelessWidget on forced dark theme with bundled Inter, painter-drawn graphics (no network image, no glyphs), and onRetry / onChangePayment / onClose callbacks so it's fully backend-agnostic.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓CustomPainter error badge: red filled disc, stroked ring, rounded-cap cross — zero assets or glyphs
- ✓Red-tinted warning panel with info icon carrying an explicit decline reason (issuer code 51)
- ✓Order-recap card with Attempted / For / Payment rows using FontFeature.tabularFigures for aligned numerals
- ✓Brand-yellow 'Try again' FilledButton plus outlined 'Change payment method' button, both pinned at the bottom
- ✓Three injected callbacks — onRetry, onChangePayment, onClose — keeping the screen backend-agnostic
- ✓Self-contained StatelessWidget with forced dark theme and bundled Inter font, drop-in as a standalone route
Use cases
- ✓Crypto-buy flow showing a declined-card error after a coin purchase attempt
- ✓Exchange or wallet app surfacing payment-processor failure codes to the user
- ✓Fintech checkout recovery step offering retry or switch-payment paths
- ✓Onboarding test of payment rails where a buy order is rejected by the issuer
