frontend/src/components/app/sidebars/simulation/TraceComponent.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

import React from 'react'
import TaskContainer from '../../../../containers/app/sidebars/simulation/TaskContainer'

const TraceComponent = ({ jobs }) => (
    <div>
        <h3>Trace</h3>
        {jobs.map(job => (
            <div key={job.id}>
                <h4>Job: {job.name}</h4>
                <ul className="list-group">
                    {job.taskIds.map(taskId => (
                        <TaskContainer taskId={taskId} key={taskId}/>
                    ))}
                </ul>
            </div>
        ))}
    </div>
)

export default TraceComponent