From 30d8abf26b8a61e3bea3e844d9b526894a55531f Mon Sep 17 00:00:00 2001
From: TZGyn <spectator_brethren761@slmails.com>
Date: Sun, 24 May 2026 05:15:42 +0800
Subject: [PATCH] Add ArrowLeftRight icon for swaps, remove raw response from
 tx details

---
 .../src/lib/components/EvmDashboard.svelte    | 15 ++++++++----
 .../src/routes/tx/[chainid]/[hash].svelte     | 24 +++++++++----------
 2 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/apps/desktop/src/lib/components/EvmDashboard.svelte b/apps/desktop/src/lib/components/EvmDashboard.svelte
index 8bee275..b04f0c5 100644
--- a/apps/desktop/src/lib/components/EvmDashboard.svelte
+++ b/apps/desktop/src/lib/components/EvmDashboard.svelte
@@ -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} />
diff --git a/apps/desktop/src/routes/tx/[chainid]/[hash].svelte b/apps/desktop/src/routes/tx/[chainid]/[hash].svelte
index e45f780..7996acf 100644
--- a/apps/desktop/src/routes/tx/[chainid]/[hash].svelte
+++ b/apps/desktop/src/routes/tx/[chainid]/[hash].svelte
@@ -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