From 5325dc523c674b50358594cca3cd9487da8cc5c1 Mon Sep 17 00:00:00 2001
From: mstfyldz <mstfyldz@mstfyldz-MacBook-Air.local>
Date: Sat, 14 Mar 2026 00:42:40 +0300
Subject: [PATCH] feat: update crypto checkout UI to include explicit 'payment
 completed' button

---
 components/checkout/CryptoCheckout.tsx | 27 ++++++++++++++++++--------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/components/checkout/CryptoCheckout.tsx b/components/checkout/CryptoCheckout.tsx
index 5d3cc0c..424284c 100644
--- a/components/checkout/CryptoCheckout.tsx
+++ b/components/checkout/CryptoCheckout.tsx
@@ -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>