src/components/sidebars/topology/rack/MachineComponent.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
28

import React from "react";
import Shapes from "../../../../shapes";

const MachineComponent = ({position, machine, onClick}) => (
    <li className="list-group-item list-group-item-action justify-content-between" onClick={onClick}>
        <span className="badge badge-default badge-info">
            {position}
        </span>
        <span className="badge badge-primary badge-pill">
            {machine.cpuIds.length} CPUs
        </span>
        <span className="badge badge-warning badge-pill">
            {machine.gpuIds.length} GPUs
        </span>
        <span className="badge badge-success badge-pill">
            {machine.memoryIds.length} Memories
        </span>
        <span className="badge badge-info badge-pill">
            {machine.storageIds.length} Storages
        </span>
    </li>
);

MachineComponent.propTypes = {
    machine: Shapes.Machine
};

export default MachineComponent;