import gql from 'fraql'
import { ListRow } from './ListRow';

// this is the whole list
export const List = ({ users }) => (
  <ul>
    {users.map(user => <ListRow user={user} />)}
  </ul>
)

// define list data reqs
List.fragments = {
  users: gql`
    fragment _ on Project {
      users(first: 10) {
        id
        ${ListRow.fragments.user}
      }
    }`
};