Componente DeviceCard

[TiagoGouvea]

• Branch: 40-componente-devicecard

Objetivo

Fazer um componente que apresente um único computador (ou dispositivo) em uma lista.

Exemplo

Ajustes de modelos

• [x] Adicionar ao modelo de device: serial, collectedAt
• [x] Adicionar ao modelo de donation: collectedAt
• [x] Adicionar ao modelo de status: displayOrder

Device populado

{
   ... todos atributos do device,
   donation: {notify: "opção marcada lá", createdAt, collectedAt},
   donator: {name: "nome do doador"}
}

Storybook <DeviceCard/>

• [x] Componente que recebe um "device populado" via props data
• [x] Os dados relevantes são exibidos, o id, title, devicetype (por ser um ícone talvez), nome do doador, "Iniciou doação a X dias" (antes de pegarmos) e "Conosco a X dias" (depois de pegarmos)
• [x] Callback de quando clica

[allanmaral]

Estimo que leve 2h para completar

[allanmaral]

Visual do componente