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

View File

@ -119,13 +119,21 @@ export function FavoriteBar({teams}) {
)} )}
<div> <div>
{filteredTeams.map(team => ( {filteredTeams.map(team => (
<div key={team.id} style={{display: 'flex', alignItems: 'center'}}> <div
<Button onClick={() => toggleFavorite(team)} style={{marginRight: '10px'}}> 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/>} {favorite && favorite.id === team.id ? <FaHeart/> : <FaRegHeart/>}
</Button> </Button>
<span> <span>{team.name}</span>
{team.name}
</span>
</div> </div>
))} ))}
</div> </div>