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

Make name clickable

This commit is contained in:
Daniel Schädler 2025-03-17 15:42:00 +01:00
parent 859804a649
commit 5a00e2a100
1 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
js/components/FavoriteBar.js
View File

@ -94,7 +94,7 @@ export function FavoriteBar({teams}) {
<p className="m-2">{favorite ? favorite.name : ''}</p>
<ButtonGroup className="m-2">
<Button title="Favorit Auswahlmenü öffnen/schließen" onClick={() => setIsVisible(!isVisible)}>
<FaHeartCirclePlus />
<FaHeartCirclePlus/>
</Button>
{favorite && (
<Button
@ -102,7 +102,7 @@ export function FavoriteBar({teams}) {
onClick={scrollToFavorite}
className={isPulsing ? 'pulse-animation' : ''}
>
<FaArrowTurnDown />
<FaArrowTurnDown/>
</Button>
)}
</ButtonGroup>
@ -119,13 +119,21 @@ export function FavoriteBar({teams}) {
)}
<div>
{filteredTeams.map(team => (
<div key={team.id} style={{display: 'flex', alignItems: 'center'}}>
<Button onClick={() => toggleFavorite(team)} style={{marginRight: '10px'}}>
{favorite && favorite.id === team.id ? <FaHeart /> : <FaRegHeart />}
<div
key={team.id}
onClick={() => toggleFavorite(team)}
style={{display: 'flex', alignItems: 'center', cursor: 'pointer'}}
>
<Button
onClick={e => {
e.stopPropagation();
toggleFavorite(team);
}}
style={{marginRight: '10px'}}
>
{favorite && favorite.id === team.id ? <FaHeart/> : <FaRegHeart/>}
</Button>
<span>
{team.name}
</span>
<span>{team.name}</span>
</div>
))}
</div>