src/components/sidebars/topology/machine/UnitListComponent.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

import React from "react";
import UnitContainer from "../../../../containers/sidebars/topology/machine/UnitContainer";

const UnitListComponent = ({unitType, unitIds}) => (
    <ul className="list-group mt-1">
        {unitIds.length !== 0 ?
            unitIds.map((unitId, index) => (
                <UnitContainer unitType={unitType} unitId={unitId} index={index} key={index}/>
            )) :
            <div className="alert alert-info">
                <strong>No units...</strong> Add some with the menu above!
            </div>
        }
    </ul>
);

export default UnitListComponent;