frontend > app

app/components/DocumentList/DocumentList.js

@@ -0,0 +1,27 @@
+// @flow
+import React from 'react';
+import Document from 'models/Document';
+import DocumentPreview from 'components/DocumentPreview';
+import ArrowKeyNavigation from 'boundless-arrow-key-navigation';
+
+class DocumentList extends React.Component {
+  props: {
+    documents: Array<Document>,
+  };
+
+  render() {
+    return (
+      <ArrowKeyNavigation
+        mode={ArrowKeyNavigation.mode.VERTICAL}
+        defaultActiveChildIndex={0}
+      >
+        {this.props.documents &&
+          this.props.documents.map(document => (
+            <DocumentPreview key={document.id} document={document} />
+          ))}
+      </ArrowKeyNavigation>
+    );
+  }
+}
+
+export default DocumentList;

app/components/DocumentList/index.js

@@ -0,0 +1,3 @@
+// @flow
+import DocumentList from './DocumentList';
+export default DocumentList;