From 58ebbd44cab18fcd45171f7d95e47ee0c9f3cf54 Mon Sep 17 00:00:00 2001
From: tcoskun <tcoskun@proven.com.tr>
Date: Mon, 6 Jan 2025 14:31:52 +0300
Subject: [PATCH 1/2] fixed : futa auctions table not scroll

---
 .../Futa/SearchableTicker/SearchableTicker.module.css       | 1 +
 src/components/Futa/SearchableTicker/SearchableTicker.tsx   | 6 ++++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/Futa/SearchableTicker/SearchableTicker.module.css b/src/components/Futa/SearchableTicker/SearchableTicker.module.css
index 18a0c39c53..3dbef5b1d8 100644
--- a/src/components/Futa/SearchableTicker/SearchableTicker.module.css
+++ b/src/components/Futa/SearchableTicker/SearchableTicker.module.css
@@ -257,6 +257,7 @@
     display: flex;
     flex-direction: column;
     row-gap: 4px;
+    overflow-y: scroll;
 }
 
 .cell_left {
diff --git a/src/components/Futa/SearchableTicker/SearchableTicker.tsx b/src/components/Futa/SearchableTicker/SearchableTicker.tsx
index 087635ede7..92031a2286 100644
--- a/src/components/Futa/SearchableTicker/SearchableTicker.tsx
+++ b/src/components/Futa/SearchableTicker/SearchableTicker.tsx
@@ -239,9 +239,11 @@ export default function SearchableTicker(props: propsIF) {
             !isMouseEnter
         ) {
             const itemRef = tickerItemRefs.current[hoveredTicker];
-            if (itemRef && containerRef.current) {
+            const tableRef = containerRef.current;
+
+            if (itemRef && containerRef.current && tableRef) {
                 containerRef.current.scrollTo({
-                    top: itemRef.offsetTop,
+                    top: itemRef.offsetTop - tableRef.offsetTop,
                     behavior: 'smooth',
                 });
             }

From 5c8e0bee2f2b4d8cfa4702cc5cbebaaee07dd504 Mon Sep 17 00:00:00 2001
From: tcoskun <tcoskun@proven.com.tr>
Date: Mon, 6 Jan 2025 14:46:37 +0300
Subject: [PATCH 2/2] fixed : auction flashing when hovering scatter dot

---
 .../Futa/SearchableTicker/TickerItem.module.css          | 2 +-
 src/components/Futa/SearchableTicker/TickerItem.tsx      | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/Futa/SearchableTicker/TickerItem.module.css b/src/components/Futa/SearchableTicker/TickerItem.module.css
index f631a49630..85c15c85fe 100644
--- a/src/components/Futa/SearchableTicker/TickerItem.module.css
+++ b/src/components/Futa/SearchableTicker/TickerItem.module.css
@@ -51,7 +51,7 @@
     background-color: var(--dark3);
 } */
 
-.inactive:hover, .ticker_item:hover {
+.inactive:hover, .ticker_item:hover, .hoverActive {
     background-color: var(--dark3);
 }
 
diff --git a/src/components/Futa/SearchableTicker/TickerItem.tsx b/src/components/Futa/SearchableTicker/TickerItem.tsx
index 856a0c64cc..ff4d598612 100644
--- a/src/components/Futa/SearchableTicker/TickerItem.tsx
+++ b/src/components/Futa/SearchableTicker/TickerItem.tsx
@@ -38,7 +38,8 @@ export default function TickerItem(props: PropsIF) {
         useRefTicker,
     } = props;
 
-    const { accountData, setHoveredTicker } = useContext(AuctionsContext);
+    const { accountData, hoveredTicker, setHoveredTicker } =
+        useContext(AuctionsContext);
 
     const {
         ticker,
@@ -191,6 +192,12 @@ export default function TickerItem(props: PropsIF) {
                             ? 'active'
                             : 'inactive'
                     ],
+                styles[
+                    auction?.ticker === hoveredTicker &&
+                    hoveredTicker !== selectedTicker
+                        ? 'hoverActive'
+                        : ''
+                ],
             ].join(' ')}
             to={'/auctions/v1/' + ticker}
             onClick={() => {