From 6710b9f7f223acd01ac82171d9f9f4eb577f5885 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Sun, 13 Jan 2019 18:08:49 +0100
Subject: serializing image failed, writing to tmp file instead

---
 client/faceAnalysis/faceAnalysis.result.js | 54 +++---------------------------
 1 file changed, 4 insertions(+), 50 deletions(-)

(limited to 'client/faceAnalysis/faceAnalysis.result.js')

diff --git a/client/faceAnalysis/faceAnalysis.result.js b/client/faceAnalysis/faceAnalysis.result.js
index b825a0cb..f9531eba 100644
--- a/client/faceAnalysis/faceAnalysis.result.js
+++ b/client/faceAnalysis/faceAnalysis.result.js
@@ -26,12 +26,6 @@ const errors = {
       {"Sorry, an error occured."}
     </div>
   ),
-  bad_dataset: (
-    <div>
-      <h2>{""}</h2>
-      {""}
-    </div>
-  ),
   not_an_image: (
     <div>
       <h2>{"Not an image"}</h2>
@@ -42,19 +36,19 @@ const errors = {
 
 class FaceAnalysisResult extends Component {
   render() {
-    const { dataset } = this.props.payload
-    const { query, distances, results, loading, error } = this.props.result
+    const { query, task, result, loading, error } = this.props.result
     console.log(this.props.result)
     if (loading) {
       return (
         <div className='result'>
           <div>
             <Loader /><br />
-            <h2>Searching...</h2>
+            <h2>Uploading...</h2>
           </div>
         </div>
       )
     }
+    console.log(task, result)
     if (error) {
       // console.log(error)
       let errorMessage = errors[error] || errors.error
@@ -62,53 +56,13 @@ class FaceAnalysisResult extends Component {
         <div className='result'>{errorMessage}</div>
       )
     }
-    if (!results) {
-      return <div className='result'></div>
-    }
-    if (!results.length) {
-      return (
-        <div className='result'>{errors.nomatch}</div>
-      )
-    }
-    const els = results.map((result, i) => {
-      const distance = distances[i]
-      const { uuid } = result.file_record
-      const { x, y, w, h } = result.face_roi
-      const { fullname, gender, description, images } = result.identity
-      const bbox = {
-        left: (100 * x) + '%',
-        top: (100 * y) + '%',
-        width: (100 * w) + '%',
-        height: (100 * h) + '%',
-      }
-      // console.log(bbox)
-      return (
-        <div key={i}>
-          <div className='img'>
-            <img src={'https://megapixels.nyc3.digitaloceanspaces.com/v1/media/' + dataset + '/' + uuid + '.jpg'} />
-            <div className='bbox' style={bbox} />
-          </div>
-          {fullname} {'('}{gender}{')'}<br/>
-          {description}<br/>
-          {courtesyS(images, 'image')}{' in dataset'}<br />
-          {Math.round((1 - distance) * 100)}{'% match'}
-        </div>
-      )
-    })
+    if (!task && !result) return
 
     return (
       <div className='result'>
         <div className="about">
-          <h2>Did we find you?</h2>
-          {'These faces matched images in the '}
-          <b><tt>{dataset}</tt></b>
-          {' dataset with over 70% probability.'}
-          <br />
           <small>Query took {query.timing.toFixed(2)} seconds</small>
         </div>
-        <div className='results'>
-          {els}
-        </div>
       </div>
     )
   }
-- 
cgit v1.2.3-70-g09d2