Renames

frontend/components/Collection/components/DocumentLink/DocumentLink.js

@@ -0,0 +1,21 @@
+// @flow
+import React from 'react';
+import { observer } from 'mobx-react';
+
+import moment from 'moment';
+import { Link } from 'react-router-dom';
+
+import styles from './DocumentLink.scss';
+
+const DocumentLink = observer(props => {
+  return (
+    <Link to={props.document.url} className={styles.link}>
+      <h3 className={styles.title}>{props.document.title}</h3>
+      <span className={styles.timestamp}>
+        {moment(props.document.updatedAt).fromNow()}
+      </span>
+    </Link>
+  );
+});
+
+export default DocumentLink;

frontend/components/Collection/components/DocumentLink/DocumentLink.scss

@@ -0,0 +1,23 @@
+@import '~styles/constants.scss';
+
+.link {
+  display: flex;
+  flex: 1;
+  justify-content: space-between;
+
+  margin-bottom: 20px;
+  text-decoration: none;
+}
+
+.title {
+  font-weight: normal;
+  font-size: 15px;
+  color: $textColor;
+
+  margin: 0;
+}
+
+.timestamp {
+  font-size: 13px;
+  color: #ccc;
+}

frontend/components/Collection/components/DocumentLink/index.js

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