export default function()

in src/components/application/details/controls/tasks/task-list/task.js [18:54]

• 37 lines of code
• 4 McCabe index (conditional complexity)

export default function ({details, task, workflow}) {
  if (!task || !workflow) {
    return null;
  }
  const taskJobId = getTaskJobId(task, true);
  return (
    <Link
      key={task.key}
      to={task.url}
    >
      <Row
        className={getTaskRowClassName(details, task.selected)}
        type="flex"
        align="middle"
      >
        <Col>
          <Row
            type="flex"
            justify="start"
            align="middle"
            style={{flexWrap: 'nowrap'}}
          >
            <CallStatusIcon status={task.executionStatus} />
            <span className={styles.title}>
              {task.name}
            </span>
            <span>
              {/* eslint-disable-next-line */}
              {isNaN(taskJobId) ? '' : `(#${taskJobId})`}
            </span>
          </Row>
          <TaskTimings details={details} task={task} />
        </Col>
      </Row>
    </Link>
  );
}