1 files changed, 20 insertions, 0 deletions
diff --git a/frontend/src/components/app/sidebars/simulation/TraceComponent.js b/frontend/src/components/app/sidebars/simulation/TraceComponent.js
new file mode 100644
index 00000000..2b6559b4
--- /dev/null
+++ b/frontend/src/components/app/sidebars/simulation/TraceComponent.js
@@ -0,0 +1,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;