From f604406453f95c82c3e5e4294a51245661868bbe Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Thu, 14 Sep 2017 14:07:21 +0200
Subject: First attempt at experiment list UI

---
 src/components/experiments/ExperimentListComponent.js | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

(limited to 'src/components/experiments/ExperimentListComponent.js')

diff --git a/src/components/experiments/ExperimentListComponent.js b/src/components/experiments/ExperimentListComponent.js
index c3e3db8d..001b0e32 100644
--- a/src/components/experiments/ExperimentListComponent.js
+++ b/src/components/experiments/ExperimentListComponent.js
@@ -1,6 +1,8 @@
+import PropTypes from "prop-types";
 import React from "react";
+import ExperimentRowContainer from "../../containers/experiments/ExperimentRowContainer";
 
-const ExperimentListContainer = ({experiments}) => (
+const ExperimentListComponent = ({experimentIds}) => (
     <table className="table">
         <thead>
         <tr>
@@ -11,16 +13,15 @@ const ExperimentListContainer = ({experiments}) => (
         </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>
+        {experimentIds.map(experimentId => (
+            <ExperimentRowContainer experimentId={experimentId}/>
         ))}
         </tbody>
     </table>
 );
 
-export default ExperimentListContainer;
+ExperimentListComponent.propTypes = {
+    experimentIds: PropTypes.arrayOf(PropTypes.number).isRequired,
+};
+
+export default ExperimentListComponent;
-- 
cgit v1.2.3