ayrisdev/Pay2Gateway
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update crypto checkout UI to include explicit 'payment completed' button

Browse Source
This commit is contained in:
mstfyldz
2026-03-14 00:42:40 +03:00
parent e66264219d
commit 5325dc523c
1 changed files with 19 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
components/checkout/CryptoCheckout.tsx
View File

@@ -276,14 +276,25 @@ export default function CryptoCheckout({ amount, currency, txId, wallets, onSucc
</div>
</div>
<button
onClick={verifyPayment}
disabled={isVerifying || depositAddress === 'Yükleniyor...'}
className="w-full py-5 bg-gray-900 text-white rounded-2xl font-black text-xs uppercase tracking-[0.2em] transition-all shadow-xl flex items-center justify-center gap-3 disabled:opacity-50"
>
<span className="w-2 h-2 bg-blue-500 rounded-full animate-pulse" />
{isVerifying ? 'Doğrulanıyor...' : 'Otomatik Tarama Aktif'}
</button>
<div className="space-y-3">
<button
onClick={verifyPayment}
disabled={isVerifying || depositAddress === 'Yükleniyor...'}
className="w-full py-5 bg-blue-600 hover:bg-blue-700 text-white rounded-2xl font-black text-sm uppercase tracking-wider transition-all shadow-lg shadow-blue-500/30 flex items-center justify-center gap-3 disabled:opacity-50"
>
{isVerifying ? (
<RefreshCw className="w-5 h-5 animate-spin" />
) : (
<CheckCircle2 className="w-5 h-5" />
)}
{isVerifying ? 'Ödeme Kontrol Ediliyor...' : 'Ödemeyi Yaptım, Kontrol Et'}
</button>
<div className="flex items-center justify-center gap-2 text-[10px] text-gray-400 font-bold uppercase tracking-wider">
<span className="w-2 h-2 bg-emerald-500 rounded-full animate-pulse" />
Sistem arka planda da otomatik tarama yapmaktadır
</div>
</div>
</>
)}
</div>