ManuscriptCard.md

A manuscript card.

const authors = [
  {
    email: 'john.doe@gmail.com',
    firstName: 'John',
    lastName: 'Doe',
    isSubmitting: true,
  },
  {
    email: 'michael.felps@gmail.com',
    firstName: 'Michael',
    lastName: 'Felps',
    isSubmitting: true,
    isCorresponding: true,
  },
  {
    email: 'barrack.obama@gmail.com',
    firstName: 'Barrack',
    lastName: 'Obama',
  },
  {
    email: 'barrack.obama@gmail1.com',
    firstName: 'Barrack 1',
    lastName: 'Obama',
  },
  {
    email: 'barrack.obama@gmail2.com',
    firstName: 'Barrack 2',
    lastName: 'Obama',
  },
  {
    email: 'barrack.obama@gmail3.com',
    firstName: 'Barrack 3',
    lastName: 'Obama',
  },
  {
    email: 'barrack.obama@gmail4.com',
    firstName: 'Barrack 4',
    lastName: 'Obama',
  },
  {
    email: 'barrack.obama@gmail5.com',
    firstName: 'Barrack 5',
    lastName: 'Obama',
  },
  {
    email: 'barrack.obama@gmail6.com',
    firstName: 'Barrack 6',
    lastName: 'Obama',
  },
  {
    email: 'barrack.obama@gmail7.com',
    firstName: 'Barrack 7',
    lastName: 'Obama',
  },
  {
    email: 'barrack.obama@gmail8.com',
    firstName: 'Barrack 8',
    lastName: 'Obama',
  },
  {
    email: 'barrack.obama@gmail9.com',
    firstName: 'Barrack 9',
    lastName: 'Obama',
  },
  {
    email: 'barrack.obama@gmail10.com',
    firstName: 'Barrack 10',
    lastName: 'Obama',
  },
  {
    email: 'barrack.obama@gmail11.com',
    firstName: 'Barrack 11',
    lastName: 'Obama',
  },
  {
    email: 'barrack.obama@gmail12.com',
    firstName: 'Barrack 12',
    lastName: 'Obama',
  },
]

const collection = {
  customId: '55113358',
  visibleStatus: 'Pending Approval',
  handlingEditor: {
    id: 'he-1',
    name: 'Handlington Ignashevici',
  },
}

const fragment = {
  authors,
  created: Date.now(),
  submitted: Date.now(),
  metadata: {
    journal: 'Awesomeness',
    title: 'A very ok title with many authors',
    type: 'Research article',
  },
};

<ManuscriptCard
  collection={collection}
  fragment={fragment}
  onDelete={() => alert('Deleted')}
  onClick={() => alert('click on card')}
/>