hook up manifest link to redux actions

src/components/App.js

@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 import { actions } from '../store';
 import Display from './Display';
 import ManifestForm from './ManifestForm';
+import ManifestListItem from './ManifestListItem';
 
 /**
  * This is the top level Mirador component.
@@ -58,7 +59,10 @@ class App extends Component {
    */
   render() {
     const manifestList = Object.keys(this.props.manifests).map(manifest => (
-      <li key={manifest}>{manifest}</li>
+      <ManifestListItem
+        key={manifest}
+        manifest={manifest}
+      />
     ));
     return (
       <div className="App">

src/components/ManifestListItem.js

+import React from 'react';
+import { connect } from 'react-redux';
+import PropTypes from 'prop-types';
+import { actions } from '../store';
+
+const handleOpenButtonClick = (event, manifest, addWindow) => {
+  addWindow({});
+}
+/**
+ * Represents an item in a list of currently-loaded or loading manifests
+ * @param {object} props
+ * @param {object} [props.manifest = string]
+ */
+const ManifestListItem = ({ manifest, addWindow}) => (
+  <li className="manifest-list-item">
+    <a href="#" onClick={(event) => handleOpenButtonClick(event, manifest, addWindow)}>
+      {manifest}
+    </a>
+  </li>
+);
+
+ManifestListItem.propTypes = {
+  manifest: PropTypes.string.isRequired, // eslint-disable-line react/forbid-prop-types
+};
+
+const mapStateToProps = () => (
+  {}
+);
+
+const mapDispatchToProps = dispatch => ({
+  addWindow: options => (
+    dispatch(actions.addWindow(options))
+  ),
+});
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps,
+)(ManifestListItem);

src/styles/index.scss

 body {
-  background: lighten(red, 20%);
+  background: white;
 }