1 files changed, 15 insertions, 0 deletions
diff --git a/scraper/client/common/detectionBoxes.component.js b/scraper/client/common/detectionBoxes.component.js
new file mode 100644
index 00000000..c4872ea8
--- /dev/null
+++ b/scraper/client/common/detectionBoxes.component.js
@@ -0,0 +1,15 @@
+import React from 'react'
+
+import { px } from '../util'
+
+export default function DetectionBoxes({ detections, width, height }) {
+  return detections.map(({ rect }, i) => (
+    rect &&
+      <div className='rect' key={i} style={{
+        left: px(rect[0], width),
+        top: px(rect[1], height),
+        width: px(rect[2] - rect[0], width),
+        height: px(rect[3] - rect[1], height),
+      }} />
+  ))
+}