turniere
/
turniere-frontend
mirror of https://github.com/turniere/turniere-frontend.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Focus baby, Focus!

This commit is contained in:
Daniel Schädler 2025-03-17 15:48:26 +01:00
parent 2386675c52
commit ae7af1998d
1 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
js/components/FavoriteBar.js
View File

@ -10,6 +10,7 @@ export function FavoriteBar({teams}) {
const [searchQuery, setSearchQuery] = useState('');
const headingRef = useRef(null);
const favoriteBarRef = useRef(null);
const scrollButtonRef = useRef(null);
useEffect(() => {
const savedFavorite = localStorage.getItem('favoriteTeam');
@ -45,6 +46,9 @@ export function FavoriteBar({teams}) {
localStorage.setItem('favoriteTeam', team.id);
setIsPulsing(true);
headingRef.current.scrollIntoView({behavior: 'smooth', block: 'center'});
if (scrollButtonRef.current) {
scrollButtonRef.current.focus();
}
}
setIsVisible(false); // Close the favorite menu
};
@ -104,6 +108,7 @@ export function FavoriteBar({teams}) {
title="Zum aktuellen Spiel des Favoriten springen"
onClick={scrollToFavorite}
className={isPulsing ? 'pulse-animation' : ''}
innerRef={scrollButtonRef}
>
<FaArrowTurnDown />
</Button>