AuthorCard.md

An author card.

const author = {
  email: 'author.here@gmail.com',
  firstName: 'Sebastian',
  lastName: 'Teodorescu',
  affiliation: 'PSD',
  isSubmitting: true,
  isCorresponding: true,
}
;<div>
  <AuthorCard
    onEdit={() => console.log('s-a dat click pe edit')}
    index={0}
    item={author}
    deleteAuthor={item => () => {
      console.log('delete author', item)
    }}
  />
  <AuthorCard
    onEdit={() => console.log('s-a dat click pe edit')}
    index={1}
    item={author}
    deleteAuthor={item => () => {
      console.log('delete author', item)
    }}
  />
  <AuthorCard
    onEdit={() => console.log('s-a dat click pe edit')}
    index={2}
    item={author}
    deleteAuthor={item => () => {
      console.log('delete author', item)
    }}
  />
</div>

Author card with drag handle (used for sortable lists).

const author = {
  email: 'author.here@gmail.com',
  firstName: 'Sebastian',
  lastName: 'Teodorescu',
  affiliation: 'PSD',
  isSubmitting: true,
  isCorresponding: true,
}
;<AuthorCard
  item={author}
  dragHandle={DragHandle}
  deleteAuthor={item => () => {
    console.log('delete author', item)
  }}
/>