frontend/src/components/app/sidebars/topology/rack/MachineListComponent.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

import React from "react";
import EmptySlotContainer from "../../../../../containers/app/sidebars/topology/rack/EmptySlotContainer";
import MachineContainer from "../../../../../containers/app/sidebars/topology/rack/MachineContainer";
import "./MachineListComponent.css";

const MachineListComponent = ({ machineIds }) => {
  return (
    <ul className="list-group machine-list">
      {machineIds.map((machineId, index) => {
        if (machineId === null) {
          return <EmptySlotContainer key={index} position={index + 1} />;
        } else {
          return (
            <MachineContainer
              key={index}
              position={index + 1}
              machineId={machineId}
            />
          );
        }
      })}
    </ul>
  );
};

export default MachineListComponent;