feat: replace payment modals with page-based navigation

- Add /balance/top-up route for payment method selection
- Add /balance/top-up/:methodId route for amount entry and payment
- Remove TopUpModal component (619 lines)
- Simplify InsufficientBalancePrompt to use navigate instead of modals
- Support ?amount and ?returnTo query params for cross-page data flow
- Fix nav isActive to highlight Balance on sub-routes
- Remove unused MainButton platform abstraction
- Increase toast accent opacity for better visibility
This commit is contained in:
c0mrade
2026-02-04 14:36:16 +03:00
parent 6e98a19d6b
commit 576893f5c6
13 changed files with 333 additions and 766 deletions

View File

@@ -98,29 +98,29 @@ function ToastItem({ toast, onClose }: { toast: Toast; onClose: () => void }) {
const typeStyles = {
success: {
bg: 'bg-dark-800',
accent: 'bg-gradient-to-r from-success-500/30 to-transparent',
border: 'border-success-500/50',
accent: 'bg-gradient-to-r from-success-500/50 to-transparent',
border: 'border-success-500/70',
icon: 'text-success-400',
iconBg: 'bg-success-500/30',
},
error: {
bg: 'bg-dark-800',
accent: 'bg-gradient-to-r from-error-500/30 to-transparent',
border: 'border-error-500/50',
accent: 'bg-gradient-to-r from-error-500/50 to-transparent',
border: 'border-error-500/70',
icon: 'text-error-400',
iconBg: 'bg-error-500/30',
},
warning: {
bg: 'bg-dark-800',
accent: 'bg-gradient-to-r from-warning-500/30 to-transparent',
border: 'border-warning-500/50',
accent: 'bg-gradient-to-r from-warning-500/50 to-transparent',
border: 'border-warning-500/70',
icon: 'text-warning-400',
iconBg: 'bg-warning-500/30',
},
info: {
bg: 'bg-dark-800',
accent: 'bg-gradient-to-r from-accent-500/30 to-transparent',
border: 'border-accent-500/50',
accent: 'bg-gradient-to-r from-accent-500/50 to-transparent',
border: 'border-accent-500/70',
icon: 'text-accent-400',
iconBg: 'bg-accent-500/30',
},