faceSearch client

1 files changed, 31 insertions, 0 deletions

diff --git a/client/faceSearch/faceSearch.container.js b/client/faceSearch/faceSearch.container.js
new file mode 100644
index 00000000..e5fae24b
--- /dev/null
+++ b/client/faceSearch/faceSearch.container.js
@@ -0,0 +1,31 @@
+import React, { Component } from 'react'
+import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
+
+import * as actions from './faceSearch.actions'
+
+import FaceSearchQuery from './faceSearch.query'
+import FaceSearchResult from './faceSearch.result'
+
+class FaceSearchContainer extends Component {
+  render() {
+    return (
+      <div className='searchContainer'>
+        <FaceSearchQuery />
+        <FaceSearchResult />
+      </div>
+    )
+  }
+}
+
+const mapStateToProps = state => ({
+  query: state.faceSearch.query,
+  result: state.faceSearch.result,
+  options: state.faceSearch.options,
+})
+
+const mapDispatchToProps = dispatch => ({
+  actions: bindActionCreators({ ...actions }, dispatch),
+})
+
+export default connect(mapStateToProps, mapDispatchToProps)(FaceSearchContainer)