Edited FaceRecognition component to display all face boxes

vanessavun · Dec 5, 2022 · e216083 · e216083
1 parent ce951c1
commit e216083
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/components/FaceRecognition/FaceRecognition.js b/src/components/FaceRecognition/FaceRecognition.js
@@ -1,22 +1,24 @@
 import React from 'react';
 import './FaceRecognition.css';
 
-export default function FaceRecognition({ imageURL, box }) {
+export default function FaceRecognition({ imageURL, boxes }) {
     const styles = {
         top: box.topRow, 
         right: box.rightCol, 
         bottom: box.bottomRow, 
         left: box.leftCol
     }
 
-    // console.log("FaceRecognition box: ", box)
-    // console.log("FaceRecognition box topRow: ", box.topRow)
 
     return (
         <div className='center ma'>
             <div className='absolute mt2'>
             <img id="inputimage" alt="" src={imageURL} className="mt3" width="500px" height="auto" />
-            <div className='bounding-box' style={styles}></div>
+            {boxes.map((box,i) => {
+                return(
+                    <div key={i}className='bounding-box' style={styles}></div>
+                )
+            })}
             </div>
         </div> 
     )