From 5dd9c1155fb362e67bb3b42dfe23f404a5ff369f Mon Sep 17 00:00:00 2001
From: Malaber <git@schaedler.rocks>
Date: Mon, 17 Mar 2025 22:50:54 +0100
Subject: [PATCH] Scroll to wait and highlight playoffs as well

---
 js/components/FavoriteBar.js     | 23 ++++++++++++++++-------
 public/static/css/tournament.css |  2 +-
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/js/components/FavoriteBar.js b/js/components/FavoriteBar.js
index dc09e88..9fdaf9b 100644
--- a/js/components/FavoriteBar.js
+++ b/js/components/FavoriteBar.js
@@ -73,22 +73,31 @@ export function FavoriteBar({teams}) {
             }
         });
 
+        let scrollTo;
         if (lowestStageEl) {
-            lowestStageEl.scrollIntoView({behavior: 'smooth', block: 'end'});
+            scrollTo = lowestStageEl;
         } else {
             const groupElements = document.querySelectorAll('[data-teams]');
             groupElements.forEach(groupEl => {
                 const teamIds = groupEl.getAttribute('data-teams').split(',').map(id => parseInt(id, 10));
                 if (teamIds.includes(favorite.id)) {
-                    groupEl.scrollIntoView({behavior: 'smooth', block: 'center'});
-                    groupEl.classList.add('highlight');
-                    setTimeout(() => {
-                        groupEl.classList.remove('highlight');
-                    }, 2000);
+                    scrollTo = groupEl;
                 }
             });
         }
-        setIsPulsing(false);
+        scrollTo.scrollIntoView({behavior: 'smooth', block: 'center'});
+
+        let scrollTimeout;
+        window.addEventListener('scroll', function() {
+            clearTimeout(scrollTimeout);
+            scrollTimeout = setTimeout(function() {
+                setIsPulsing(false);
+                scrollTo.classList.add('scroll-to-highlight');
+                setTimeout(() => {
+                    scrollTo.classList.remove('scroll-to-highlight');
+                }, 2000);
+            }, 100);
+        }, {once: true});
     };
 
     if (isLoading) {
diff --git a/public/static/css/tournament.css b/public/static/css/tournament.css
index 66dbbc0..9031447 100644
--- a/public/static/css/tournament.css
+++ b/public/static/css/tournament.css
@@ -81,6 +81,6 @@
     }
 }
 
-.highlight {
+.scroll-to-highlight {
     animation: blink 1s ease-in-out;
 }
\ No newline at end of file