From a47f9654a6cffa40c93034b1284f9597c98a9e56 Mon Sep 17 00:00:00 2001
From: Face <69168154+face-hh@users.noreply.github.com>
Date: Wed, 11 Jun 2025 10:35:02 +0300
Subject: [PATCH] fix: redirect transfer transactions to user profile

---
 website/src/lib/components/self/AppSidebar.svelte | 14 +++++++++-----
 website/src/routes/live/+page.svelte              | 12 ++++++++----
 2 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/website/src/lib/components/self/AppSidebar.svelte b/website/src/lib/components/self/AppSidebar.svelte
index 51ad729..62c6e55 100644
--- a/website/src/lib/components/self/AppSidebar.svelte
+++ b/website/src/lib/components/self/AppSidebar.svelte
@@ -93,10 +93,14 @@
 		setOpenMobile(false);
 	}
 
-	async function handleTradeClick(coinSymbol: string) {
-		const targetPath = `/coin/${coinSymbol.toLowerCase()}`;
-
-		await goto(targetPath, { invalidateAll: true });
+	async function handleTradeClick(coinSymbol: string, trade: any) {
+		if (trade.type === 'TRANSFER_IN' || trade.type === 'TRANSFER_OUT') {
+			const targetPath = `/user/${trade.username}`;
+			await goto(targetPath, { invalidateAll: true });
+		} else {
+			const targetPath = `/coin/${coinSymbol.toLowerCase()}`;
+			await goto(targetPath, { invalidateAll: true });
+		}
 		setOpenMobile(false);
 	}
 
@@ -252,7 +256,7 @@
 					{:else}
 						{#each $liveTradesStore.slice(0, 5) as trade, index (`${trade.timestamp}-${trade.username}-${trade.coinSymbol}-${index}`)}
 							<button
-								onclick={() => handleTradeClick(trade.coinSymbol)}
+								onclick={() => handleTradeClick(trade.coinSymbol, trade)}
 								class="hover:bg-muted/50 flex w-full cursor-pointer items-center gap-2 rounded px-1 py-1 text-left text-xs transition-colors"
 							>
 								<div class="flex items-center gap-1">
diff --git a/website/src/routes/live/+page.svelte b/website/src/routes/live/+page.svelte
index af10ead..19403dc 100644
--- a/website/src/routes/live/+page.svelte
+++ b/website/src/routes/live/+page.svelte
@@ -17,8 +17,12 @@
 		goto(`/user/${username}`);
 	}
 
-	function handleCoinClick(coinSymbol: string) {
-		goto(`/coin/${coinSymbol.toLowerCase()}`);
+	function handleCoinClick(coinSymbol: string, trade: any) {
+		if (trade.type === 'TRANSFER_IN' || trade.type === 'TRANSFER_OUT') {
+			goto(`/user/${trade.username}`);
+		} else {
+			goto(`/coin/${coinSymbol.toLowerCase()}`);
+		}
 	}
 
 	onMount(() => {
@@ -84,7 +88,7 @@
 										{#if trade.type === 'TRANSFER_IN' || trade.type === 'TRANSFER_OUT'}
 											{#if trade.amount > 0}
 												<button
-													onclick={() => handleCoinClick(trade.coinSymbol)}
+													onclick={() => handleCoinClick(trade.coinSymbol, trade)}
 													class="flex cursor-pointer items-center gap-1.5 transition-opacity hover:underline hover:opacity-80"
 												>
 													<CoinIcon
@@ -111,7 +115,7 @@
 											{/if}
 										{:else}
 											<button
-												onclick={() => handleCoinClick(trade.coinSymbol)}
+												onclick={() => handleCoinClick(trade.coinSymbol, trade)}
 												class="flex cursor-pointer items-center gap-1.5 transition-opacity hover:underline hover:opacity-80"
 											>
 												<CoinIcon