Make name clickable
This commit is contained in:
parent
859804a649
commit
5a00e2a100
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue