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

Scroll to lowest stage of team or group stage if none are available

This commit is contained in:
Daniel Schädler 2025-03-14 23:34:23 +01:00
parent 70655cb1d7
commit b790a103c4
2 changed files with 29 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
js/components/FavoriteBar.js
View File

@ -46,13 +46,34 @@ export function FavoriteBar({teams}) {
};
const scrollToFavorite = () => {
if (favorite) {
const el = document.getElementById(`favorite-team-groupstage-${favorite.id}`);
if (el) {
el.scrollIntoView({behavior: 'smooth', block: 'end'});
}
setIsPulsing(false); // Stop pulsing when the button is clicked
if (!favorite) {
return;
}
const stageElements = document.querySelectorAll(`[id^='favorite-team-level-'][id$='-${favorite.id}']`);
let lowestStageEl = null;
let lowestStageNum = Infinity;
stageElements.forEach(el => {
const match = el.id.match(/^favorite-team-level-(\d+)-(\d+)$/);
if (match) {
const stage = parseInt(match[1]);
if (stage < lowestStageNum) {
lowestStageNum = stage;
lowestStageEl = el;
}
}
});
if (lowestStageEl) {
lowestStageEl.scrollIntoView({behavior: 'smooth', block: 'end'});
} else {
const groupEl = document.getElementById(`favorite-team-groupstage-${favorite.id}`);
if (groupEl) {
groupEl.scrollIntoView({behavior: 'smooth', block: 'end'});
}
}
setIsPulsing(false);
};
if (isLoading) {

4
js/components/MatchTable.js
View File

@ -41,8 +41,8 @@ export function MatchTable(props) {
</tbody>
</Table>);
} else {
const team1Id = `favorite-team-level-${props.stageLevel}-${props.match.team1.id}`;
const team2Id = `favorite-team-level-${props.stageLevel}-${props.match.team1.id}`;
const team1Id = props.stageLevel !== undefined ? `favorite-team-level-${props.stageLevel}-${props.match.team1.id}` : undefined;
const team2Id = props.stageLevel !== undefined ? `favorite-team-level-${props.stageLevel}-${props.match.team2.id}` : undefined;
return (<Table className='mb-0'>
<tbody>