import { h, Component } from 'preact'

import FileLink from '../../containers/fileLink.js'

export default function TaskListView (props) {
  const tasks = (props.tasks || []).map( (task, i) => {
    return (
      <div key={i}>
        <span>{task.id}</span>
        <span>{task.created_at}</span>
        <span class='name'><FileLink file={task.content_file}>{task.content_file.name}</FileLink></span>
        <span class='name'><FileLink file={task.style_file}>{task.style_file.name}</FileLink></span>
        <span>{task.alpha}</span>
      </div>
    )
        // <span class='name'>{task.result_file.name}</span>
  })
  return (
    <div class='list'>
      {tasks}
    </div>
  )
}