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'
import ArrowDown from '@lucide/svelte/icons/arrow-down'
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 SettingsIcon from '@lucide/svelte/icons/settings'
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">
<div
class="shrink-0 mt-0.5 {tx.from.toLowerCase() ===
w.address.toLowerCase()
? 'text-muted-foreground'
: 'text-green-500'}">
{#if tx.from.toLowerCase() === w.address.toLowerCase()}
class="shrink-0 mt-0.5 {txAction(tx, w.address) === 'Swap'
? 'text-yellow-500'
: tx.from.toLowerCase() ===
w.address.toLowerCase()
? 'text-muted-foreground'
: 'text-green-500'}">
{#if txAction(tx, w.address) === 'Swap'}
<ArrowLeftRight size={16} />
{:else if tx.from.toLowerCase() === w.address.toLowerCase()}
<ArrowUp size={16} />
{:else}
<ArrowDown size={16} />
@@ -153,18 +153,18 @@
</div>
</div>
</div>
<div class="mt-4">
<Button
variant="outline"
size="sm"
class="w-full"
onclick={() =>
electrobun.rpc?.request.openExternal({
url: explorerUrl(),
})}>
View on Explorer
</Button>
</div>
<div class="mt-4">
<Button
variant="outline"
size="sm"
class="w-full"
onclick={() =>
electrobun.rpc?.request.openExternal({
url: explorerUrl(),
})}>
View on Explorer
</Button>
</div>
{:else}
<p class="text-muted-foreground text-xs">
No details available