+ + {event.action} + {event.plantName} - {formatDate(event.date)} + {event.notes ? {event.notes} : null} + {event.resources.length > 0 ? ( + {event.resources.map(formatResource).join(', ')} + ) : null} + {isEditing ? ( + + + {event.type === 'snooze' ? 'Snoozed until' : 'Date'} + setEditDate(changeEvent.target.value)} + /> + + + Notes + setEditNotes(changeEvent.target.value)} + /> + + {event.type === 'log' && event.resources.length > 0 ? ( + + {event.resources.map((resource) => ( + + {resource.name} + setEditResources((current) => ({ + ...current, + [resource.actionResourceId]: { + quantity: changeEvent.target.value, + unit: current[resource.actionResourceId]?.unit ?? resource.unit ?? '', + }, + }))} + /> + setEditResources((current) => ({ + ...current, + [resource.actionResourceId]: { + quantity: current[resource.actionResourceId]?.quantity ?? formatNumber(resource.quantity), + unit: changeEvent.target.value, + }, + }))} + /> + + ))} + + ) : null} + + saveEdit(event)} + > + Save + + setEditingKey('')} + > + Cancel + + + + ) : null} + + + + {formatEventType(event.type)} + + + startEdit(event)} + > + Edit + + onDelete(event)} + > + Delete + + + +