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


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

import React from 'react'

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}>
                <span className="fa fa-plus mr-2"/>
                Add machine
            </button>
        )}
    </li>
)

export default EmptySlotComponent