src/components/sidebars/topology/rack/EmptySlotComponent.js


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

import React from "react";
import FontAwesome from "react-fontawesome";

const EmptySlotComponent = ({position, onAdd, inSimulation}) => (
    <li className="list-group-item d-flex justify-content-between align-items-center">
        <span className="badge badge-default badge-info mr-1 disabled">
            {position}
        </span>
        {inSimulation ?
            <span className="badge badge-default badge-success">
                Empty Slot
            </span> :
            <button className="btn btn-outline-primary" onClick={onAdd}>
                <FontAwesome name="plus" className="mr-1"/>
                Add machine
            </button>
        }
    </li>
);

export default EmptySlotComponent;