1 files changed, 16 insertions, 0 deletions
diff --git a/scraper/client/common/detectionList.component.js b/scraper/client/common/detectionList.component.js
new file mode 100644
index 00000000..416e66d8
--- /dev/null
+++ b/scraper/client/common/detectionList.component.js
@@ -0,0 +1,16 @@
+import React from 'react'
+
+export default function DetectionList({ detections, labels, tag, showEmpty }) {
+  return (
+    <span className='detectionList'>
+      {tag && <h3>{tag}</h3>}
+      {!detections.length && showEmpty && <label><small>No detections</small></label>}
+      {detections.map(({ idx, score, rect }, i) => (
+        <label key={i}>
+          <small className='title'>{(labels[idx] || 'Unknown').replace(/_/, ' ')}</small>
+          <small>{score.toFixed(2)}</small>
+        </label>
+      ))}
+    </span>
+  )
+}