From 60e19825c2e8aef910b701bf2ca060d7fcbac78a Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Sat, 27 Apr 2019 20:30:25 +0200
Subject: multiple search results loading

---
 client/app.js | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

(limited to 'client/app.js')

diff --git a/client/app.js b/client/app.js
index b1c5eb4..7635162 100644
--- a/client/app.js
+++ b/client/app.js
@@ -3,6 +3,8 @@ import React, { Component } from 'react'
 import UploadImage from './lib/uploadImage.component'
 import { post } from './util'
 
+import './app.css'
+
 const initialState = {
   image: null,
   url: "",
@@ -106,7 +108,7 @@ export default class PhashApp extends Component {
       )
     }
 
-    const { success, error, match, matches } = res
+    const { success, error, match, results } = res
     if (!success) {
       return (
         <div className='results'>
@@ -125,11 +127,15 @@ export default class PhashApp extends Component {
 
     return (
       <div className='results'>
-        {matches.map(({ phash, score, sha256, url }) => (
-          <div className='result'>
-            <img src={url} /><br />
-            Match: {sha256}<br />
-            Score: {score}<br />
+        {results.map(({ phash, score, sha256, url }) => (
+          <div className='result' key={sha256}>
+            <div className='img'><img src={url} /></div>
+            <br />
+            {score == 0
+              ? <span className='score'><b>Exact match</b></span>
+              : <span className='score'>Score: {score}</span>
+            }<br />
+            <span className='sha256'>{sha256}</span>
             Phash: {phash.toString(16)}
           </div>
         ))}
-- 
cgit v1.2.3-70-g09d2