1 files changed, 16 insertions, 0 deletions
diff --git a/frontend/src/containers/app/map/RackSpaceFillContainer.js b/frontend/src/containers/app/map/RackSpaceFillContainer.js
new file mode 100644
index 00000000..cc4d1251
--- /dev/null
+++ b/frontend/src/containers/app/map/RackSpaceFillContainer.js
@@ -0,0 +1,16 @@
+import { connect } from "react-redux";
+import RackFillBar from "../../../components/app/map/elements/RackFillBar";
+
+const mapStateToProps = (state, ownProps) => {
+  const machineIds =
+    state.objects.rack[state.objects.tile[ownProps.tileId].objectId].machineIds;
+  return {
+    type: "space",
+    fillFraction:
+      machineIds.filter(id => id !== null).length / machineIds.length
+  };
+};
+
+const RackSpaceFillContainer = connect(mapStateToProps)(RackFillBar);
+
+export default RackSpaceFillContainer;