From aa0470a3076f5ac65a0311c76e58254547f3eae0 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Sat, 3 Nov 2018 17:29:49 +0100
Subject: begin client

---
 client/common/detectionBoxes.component.js | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 client/common/detectionBoxes.component.js

(limited to 'client/common/detectionBoxes.component.js')

diff --git a/client/common/detectionBoxes.component.js b/client/common/detectionBoxes.component.js
new file mode 100644
index 00000000..c4872ea8
--- /dev/null
+++ b/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),
+      }} />
+  ))
+}
-- 
cgit v1.2.3-70-g09d2