Load thumbnail in window

Co-Authored-By: Jack Reed <[email protected]>

minimal_redux_poc/src/components/Window.js

@@ -13,28 +13,35 @@ class Window extends Component {
    */
   render() {
     return (
-      <div
-        className="mirador-window"
-      >
-        {this.props.window.id}
+      <div className="mirador-window">
+        <h3>{this.props.manifest.manifestation.getLabel().map(label => label.value)[0]}</h3>
+        <img src={this.props.manifest.manifestation.getThumbnail().id} alt="" />
+        <p>{this.props.window.id}</p>
       </div>
     );
   }
 }
 
 Window.propTypes = {
   window: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types
+  manifest: PropTypes.object, // eslint-disable-line react/forbid-prop-types
+};
+
+Window.defaultProps = {
+  manifest: null,
 };
 
 /**
  * mapStateToProps - used to hook up connect to action creators
  * @memberof Window
  * @private
  */
-const mapStateToProps = ({ windows }, props) => (
-  {
-    window: windows.find(window => props.id === window.id),
-  }
-);
+const mapStateToProps = ({ windows, manifests }, props) => {
+  const window = windows.find(win => props.id === win.id);
+  return {
+    window,
+    manifest: manifests[window.manifestId],
+  };
+};
 
 export default connect(mapStateToProps)(Window);