2019-06-23 23:59:45 -04:00
|
|
|
import React from 'react'
|
|
|
|
|
2019-06-27 17:07:02 -04:00
|
|
|
export default function TeamList({ teams, users, selectTeam, selectUser }) {
|
2019-06-23 23:59:45 -04:00
|
|
|
return (
|
|
|
|
<div className='teams'>
|
|
|
|
<ul className='list'>
|
|
|
|
{teams.map(team => (
|
|
|
|
<li className = 'list-item' key={team.id}>
|
2019-06-26 16:41:49 -04:00
|
|
|
<div>
|
2019-06-28 00:35:10 -04:00
|
|
|
<button className='selector-btn' onClick={() => selectTeam(team)}>
|
2019-06-26 16:41:49 -04:00
|
|
|
{ team.name }
|
|
|
|
</button>
|
|
|
|
</div>
|
2019-06-23 23:59:45 -04:00
|
|
|
</li>
|
|
|
|
))}
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|