diff options
Diffstat (limited to 'client/app.js')
| -rw-r--r-- | client/app.js | 18 |
1 files changed, 12 insertions, 6 deletions
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> ))} |