Add ArrowLeftRight icon for swaps, remove raw response from tx details

This commit is contained in:
2026-05-24 05:15:42 +08:00
parent 13a9d3a8a6
commit 30d8abf26b
2 changed files with 22 additions and 17 deletions
@@ -16,6 +16,7 @@
} from '$lib/components/ui/card/index.js' } from '$lib/components/ui/card/index.js'
import ArrowDown from '@lucide/svelte/icons/arrow-down' import ArrowDown from '@lucide/svelte/icons/arrow-down'
import ArrowUp from '@lucide/svelte/icons/arrow-up' import ArrowUp from '@lucide/svelte/icons/arrow-up'
import ArrowLeftRight from '@lucide/svelte/icons/arrow-left-right'
import QrCodeIcon from '@lucide/svelte/icons/qr-code' import QrCodeIcon from '@lucide/svelte/icons/qr-code'
import SettingsIcon from '@lucide/svelte/icons/settings' import SettingsIcon from '@lucide/svelte/icons/settings'
import Fingerprint from '@lucide/svelte/icons/fingerprint' import Fingerprint from '@lucide/svelte/icons/fingerprint'
@@ -423,11 +424,15 @@
})} })}
class="flex w-full cursor-pointer items-start gap-2 rounded-md bg-muted px-3 py-2 text-xs text-left hover:bg-muted/80 transition-colors"> class="flex w-full cursor-pointer items-start gap-2 rounded-md bg-muted px-3 py-2 text-xs text-left hover:bg-muted/80 transition-colors">
<div <div
class="shrink-0 mt-0.5 {tx.from.toLowerCase() === class="shrink-0 mt-0.5 {txAction(tx, w.address) === 'Swap'
? 'text-yellow-500'
: tx.from.toLowerCase() ===
w.address.toLowerCase() w.address.toLowerCase()
? 'text-muted-foreground' ? 'text-muted-foreground'
: 'text-green-500'}"> : 'text-green-500'}">
{#if tx.from.toLowerCase() === w.address.toLowerCase()} {#if txAction(tx, w.address) === 'Swap'}
<ArrowLeftRight size={16} />
{:else if tx.from.toLowerCase() === w.address.toLowerCase()}
<ArrowUp size={16} /> <ArrowUp size={16} />
{:else} {:else}
<ArrowDown size={16} /> <ArrowDown size={16} />