Add routes for experiments UI

1 files changed, 26 insertions, 0 deletions

diff --git a/src/components/experiments/ExperimentListComponent.js b/src/components/experiments/ExperimentListComponent.js
new file mode 100644
index 00000000..c3e3db8d
--- /dev/null
+++ b/src/components/experiments/ExperimentListComponent.js
@@ -0,0 +1,26 @@
+import React from "react";
+
+const ExperimentListContainer = ({experiments}) => (
+    <table className="table">
+        <thead>
+        <tr>
+            <th>Name</th>
+            <th>Path</th>
+            <th>Trace</th>
+            <th>Scheduler</th>
+        </tr>
+        </thead>
+        <tbody>
+        {experiments.map(experiment => (
+            <tr>
+                <td>{experiment.name}</td>
+                <td>{experiment.path.name}</td>
+                <td>{experiment.trace.name}</td>
+                <td>{experiment.scheduler.name}</td>
+            </tr>
+        ))}
+        </tbody>
+    </table>
+);
+
+export default ExperimentListContainer;