feat: merchant specific fees, TRON & BTC support, coin logos, and bug fixes
This commit is contained in:
@@ -167,21 +167,36 @@ export default function CryptoCheckout({ amount, currency, txId, wallets, onSucc
|
||||
<select
|
||||
value={selectedToken.symbol}
|
||||
onChange={(e) => setSelectedToken(selectedNetwork.tokens.find(t => t.symbol === e.target.value) || selectedNetwork.tokens[0])}
|
||||
className="w-full bg-gray-50 border-none rounded-2xl p-4 text-sm font-bold text-gray-900 appearance-none cursor-pointer focus:ring-2 focus:ring-blue-500/20"
|
||||
className="w-full bg-gray-50 border-none rounded-2xl p-4 text-sm font-bold text-gray-900 appearance-none cursor-pointer focus:ring-2 focus:ring-blue-500/20 pl-11"
|
||||
>
|
||||
{selectedNetwork.tokens.map(token => (
|
||||
<option key={token.symbol} value={token.symbol}>{token.symbol}</option>
|
||||
))}
|
||||
</select>
|
||||
<div className="absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 flex items-center justify-center">
|
||||
{/* @ts-ignore */}
|
||||
<img
|
||||
src={selectedToken.logo}
|
||||
alt=""
|
||||
className="w-full h-full object-contain rounded-full"
|
||||
referrerPolicy="no-referrer"
|
||||
/>
|
||||
</div>
|
||||
<ChevronDown className="absolute right-4 top-1/2 -translate-y-1/2 text-gray-400 pointer-events-none" size={16} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="p-6 bg-gray-50 rounded-3xl flex items-center justify-between border border-gray-100">
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="w-12 h-12 bg-white rounded-2xl flex items-center justify-center text-2xl shadow-sm">
|
||||
{selectedToken.symbol === 'SOL' ? '☀️' : selectedToken.symbol.startsWith('U') ? '💵' : '🪙'}
|
||||
<div className="flex items-center gap-4">
|
||||
<div className="w-14 h-14 bg-white rounded-2xl flex items-center justify-center p-2 shadow-sm border border-gray-50 overflow-hidden">
|
||||
{/* @ts-ignore */}
|
||||
<img
|
||||
src={selectedToken.logo}
|
||||
alt={selectedToken.symbol}
|
||||
className="w-full h-full object-contain"
|
||||
referrerPolicy="no-referrer"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-[10px] text-gray-400 font-bold uppercase tracking-tight">Ödenecek Tutar</p>
|
||||
|
||||
Reference in New Issue
Block a user