2 files changed, 32 insertions, 9 deletions
diff --git a/client/actions.js b/client/actions.js
index 37b4eb2e..bb011838 100644
--- a/client/actions.js
+++ b/client/actions.js
@@ -1,9 +1,5 @@
 import * as faceSearch from './faceSearch/faceSearch.actions'
-// import * as review from './review/review.actions'
-// import * as metadata from './metadata/metadata.actions'
 
 export {
-  // search,
-  // review,
-  // metadata,
+  faceSearch
 }
diff --git a/client/faceSearch/faceSearch.result.js b/client/faceSearch/faceSearch.result.js
index 844a5a70..2b223a46 100644
--- a/client/faceSearch/faceSearch.result.js
+++ b/client/faceSearch/faceSearch.result.js
@@ -1,17 +1,44 @@
 import React, { Component } from 'react'
 import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
+import { courtesyS } from '../util'
 
 import * as actions from './faceSearch.actions'
 
 class FaceSearchResult extends Component {
-  componentDidMount() {
-  }
-
   render() {
+    const { dataset } = this.props.payload
+    const { distances, results } = this.props.result
+    if (!results) {
+      return (
+        <div className='result'></div>
+      )
+    }
+    if (!this.props.result.results.length) {
+      return (
+        <div className='result'>No results</div>
+      )
+    }
+    const els = results.map((result, i) => {
+      const distance = distances[i]
+      const { uuid } = result.uuid
+      const { fullname, gender, description, images } = result.identity
+      return (
+        <div>
+          <img src={'https://megapixels.nyc3.digitaloceanspaces.com/v1/media/' + dataset + '/' + uuid + '.jpg'} />
+          {fullname} {'('}{gender}{')'}<br/>
+          {description}<br/>
+          {courtesyS(images, 'image')}<br />
+          {distance}
+        </div>
+      )
+    })
+
     return (
       <div className='result'>
-        Result here
+        <div class='results'>
+          {els}
+        </div>
       </div>
     )
   }