Show experiment and trace data on left-hand sidebar

1 files changed, 17 insertions, 0 deletions

diff --git a/src/components/sidebars/simulation/TraceComponent.js b/src/components/sidebars/simulation/TraceComponent.js
new file mode 100644
index 00000000..498fe5bf
--- /dev/null
+++ b/src/components/sidebars/simulation/TraceComponent.js
@@ -0,0 +1,17 @@
+import React from "react";
+import TaskContainer from "../../../containers/sidebars/simulation/TaskContainer";
+
+const TraceComponent = ({jobs}) => (
+    <div>
+        <h3>Trace</h3>
+        {jobs.map(job => (
+            <ul className="list-group" key={job.id}>
+                {job.taskIds.map(taskId => (
+                    <TaskContainer taskId={taskId} key={taskId}/>
+                ))}
+            </ul>
+        ))}
+    </div>
+);
+
+export default TraceComponent;