Renamed /src to /frontend

frontend/components/AtlasPreview/AtlasPreview.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import { observer } from 'mobx-react';
+import Link from 'react-router/lib/Link';
+
+import DocumentLink from './components/DocumentLink';
+
+import styles from './AtlasPreview.scss';
+import classNames from 'classnames/bind';
+const cx = classNames.bind(styles);
+
+@observer
+class AtlasPreview extends React.Component {
+  static propTypes = {
+    data: React.PropTypes.object.isRequired,
+  }
+
+  render() {
+    const data = this.props.data;
+
+    return (
+      <div className={ styles.container }>
+        <h2><Link to={ `/atlas/${data.id}` } className={ styles.atlasLink }>{ data.name }</Link></h2>
+        { data.recentDocuments.length > 0 ?
+          data.recentDocuments.map(document => {
+            return (
+              <DocumentLink document={ document } key={ document.id } />)
+          })
+        : (
+          <div className={ styles.description }>No documents. Why not <Link to={ `/atlas/${data.id}/new` }>create one</Link>?</div>
+        ) }
+      </div>
+    );
+  }
+};
+
+export default AtlasPreview;