More styles and components

src/scenes/Atlas/Atlas.js

@@ -11,6 +11,8 @@ import { client } from 'utils/ApiClient';
 import Layout, { Title } from 'components/Layout';
 import AtlasPreviewLoading from 'components/AtlasPreviewLoading';
 import CenteredContent from 'components/CenteredContent';
+import DocumentList from 'components/DocumentList';
+import Divider from 'components/Divider';
 
 import styles from './Atlas.scss';
 
@@ -54,7 +56,9 @@ class Atlas extends React.Component {
                 </blockquote>
               </div>
 
-              <div className={ styles.divider }><span></span></div>
+              <Divider />
+
+              <DocumentList documents={ atlas.recentDocuments } preview={ true } />
             </div>
           ) }
         </CenteredContent>

src/scenes/Atlas/Atlas.scss

@@ -15,17 +15,3 @@
     font-style: italic;
   }
 }
-
-.divider {
-  display: flex;
-  flex: 1;
-  justify-content: center;
-
-  span {
-    display: flex;
-    width: 50%;
-    margin: 20px 0;
-
-    border-bottom: 1px solid #eee;
-  }
-}