diff options
Diffstat (limited to 'src/components/sidebars/topology/machine')
4 files changed, 7 insertions, 1 deletions
diff --git a/src/components/sidebars/topology/machine/BackToRackComponent.js b/src/components/sidebars/topology/machine/BackToRackComponent.js index a602d242..3cd17f7a 100644 --- a/src/components/sidebars/topology/machine/BackToRackComponent.js +++ b/src/components/sidebars/topology/machine/BackToRackComponent.js @@ -2,6 +2,7 @@ import React from "react"; const BackToRackComponent = ({onClick}) => ( <div className="btn btn-secondary btn-block" onClick={onClick}> + <span className="fa fa-angle-left mr-1"/> Back to rack </div> ); diff --git a/src/components/sidebars/topology/machine/DeleteMachineComponent.js b/src/components/sidebars/topology/machine/DeleteMachineComponent.js index f6fd39da..e99d378b 100644 --- a/src/components/sidebars/topology/machine/DeleteMachineComponent.js +++ b/src/components/sidebars/topology/machine/DeleteMachineComponent.js @@ -3,6 +3,7 @@ import React from "react"; const DeleteMachineComponent = ({onClick}) => { return ( <div className="btn btn-danger btn-block" onClick={onClick}> + <span className="fa fa-trash mr-1"/> Delete this machine </div> ); diff --git a/src/components/sidebars/topology/machine/UnitAddComponent.js b/src/components/sidebars/topology/machine/UnitAddComponent.js index a1c9eb76..aa572e97 100644 --- a/src/components/sidebars/topology/machine/UnitAddComponent.js +++ b/src/components/sidebars/topology/machine/UnitAddComponent.js @@ -26,6 +26,7 @@ class UnitAddComponent extends React.Component { className="btn btn-primary" onClick={() => this.props.onAdd(parseInt(this.unitSelect.value, 10))} > + <span className="fa fa-plus mr-1"/> Add </button> </div> diff --git a/src/components/sidebars/topology/machine/UnitComponent.js b/src/components/sidebars/topology/machine/UnitComponent.js index 84786ab4..895626d1 100644 --- a/src/components/sidebars/topology/machine/UnitComponent.js +++ b/src/components/sidebars/topology/machine/UnitComponent.js @@ -5,7 +5,10 @@ const UnitComponent = ({unit, onDelete, inSimulation}) => ( {unit.manufacturer + " " + unit.family + " " + unit.model + " " + unit.generation} {inSimulation ? undefined : - <span className="btn btn-outline-danger" onClick={onDelete}>Delete</span> + <span className="btn btn-outline-danger" onClick={onDelete}> + <span className="fa fa-trash mr-1"/> + Delete + </span> } </li> ); |
