src/components/experiments/ExperimentListComponent.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

import PropTypes from "prop-types";
import React from "react";
import ExperimentRowContainer from "../../containers/experiments/ExperimentRowContainer";

const ExperimentListComponent = ({experimentIds}) => (
    <table className="table">
        <thead>
        <tr>
            <th>Name</th>
            <th>Path</th>
            <th>Trace</th>
            <th>Scheduler</th>
        </tr>
        </thead>
        <tbody>
        {experimentIds.map(experimentId => (
            <ExperimentRowContainer experimentId={experimentId}/>
        ))}
        </tbody>
    </table>
);

ExperimentListComponent.propTypes = {
    experimentIds: PropTypes.arrayOf(PropTypes.number).isRequired,
};

export default ExperimentListComponent;