From ebbe067d523ebd3a4a6b1fee86befa9417541657 Mon Sep 17 00:00:00 2001
From: Face <69168154+face-hh@users.noreply.github.com>
Date: Thu, 29 May 2025 20:43:40 +0300
Subject: [PATCH] fix: live trades sidebar having skeletons on each tick

---
 website/src/lib/stores/websocket.ts | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/website/src/lib/stores/websocket.ts b/website/src/lib/stores/websocket.ts
index 8d2a0ba..6922dfb 100644
--- a/website/src/lib/stores/websocket.ts
+++ b/website/src/lib/stores/websocket.ts
@@ -44,6 +44,8 @@ export const isConnectedStore = writable<boolean>(false);
 export const isLoadingTrades = writable<boolean>(false);
 export const priceUpdatesStore = writable<Record<string, PriceUpdate>>({});
 
+let hasLoadedInitialTrades = false;
+
 // Comment callbacks
 const commentSubscriptions = new Map<string, (message: any) => void>();
 
@@ -53,7 +55,9 @@ const priceUpdateSubscriptions = new Map<string, (priceUpdate: PriceUpdate) => v
 async function loadInitialTrades(): Promise<void> {
     if (!browser) return;
 
-    isLoadingTrades.set(true);
+    if (!hasLoadedInitialTrades) {
+        isLoadingTrades.set(true);
+    }
 
     try {
         const [largeTradesResponse, allTradesResponse] = await Promise.all([
@@ -70,6 +74,8 @@ async function loadInitialTrades(): Promise<void> {
             const { trades } = await allTradesResponse.json();
             allTradesStore.set(trades);
         }
+        
+        hasLoadedInitialTrades = true;
     } catch (error) {
         console.error('Failed to load initial trades:', error);
     } finally {