diff options
| author | Georgios Andreadis <g.andreadis@student.tudelft.nl> | 2017-09-08 10:27:00 +0200 |
|---|---|---|
| committer | Georgios Andreadis <g.andreadis@student.tudelft.nl> | 2017-09-23 10:05:59 +0200 |
| commit | fc9c52a8f102202bd0e1a8a9dc4d8d68babe2304 (patch) | |
| tree | 0025827d791a3eeb5416bb89d4c36e777feabdd7 /src/components/sidebars/topology/machine/UnitComponent.js | |
| parent | 1b5d2658f9ec06308b2a5ed062f6f5b4798ed733 (diff) | |
Implement UI for unit addition and removal
Diffstat (limited to 'src/components/sidebars/topology/machine/UnitComponent.js')
| -rw-r--r-- | src/components/sidebars/topology/machine/UnitComponent.js | 10 |
1 files changed, 10 insertions, 0 deletions
diff --git a/src/components/sidebars/topology/machine/UnitComponent.js b/src/components/sidebars/topology/machine/UnitComponent.js new file mode 100644 index 00000000..20cdad1e --- /dev/null +++ b/src/components/sidebars/topology/machine/UnitComponent.js @@ -0,0 +1,10 @@ +import React from "react"; + +const UnitComponent = ({unit, onDelete}) => ( + <li className="d-flex list-group-item justify-content-between align-items-center"> + {unit.manufacturer + " " + unit.family + " " + unit.model + " " + unit.generation} + <span className="btn btn-outline-danger" onClick={onDelete}>Delete</span> + </li> +); + +export default UnitComponent; |