Link sidebar directly to entry document

frontend/components/Layout/components/SidebarCollectionList/SidebarCollectionList.js

@@ -17,7 +17,7 @@ const SidebarCollectionList = observer(({ collections }: Props) => {
     <Flex column>
       <Header>Collections</Header>
       {collections.data.map(collection => (
-        <SidebarLink key={collection.id} to={collection.url}>
+        <SidebarLink key={collection.id} to={collection.entryUrl}>
           {collection.name}
         </SidebarLink>
       ))}

frontend/models/Collection.js

@@ -1,5 +1,5 @@
 // @flow
-import { extendObservable, action, runInAction } from 'mobx';
+import { extendObservable, action, computed, runInAction } from 'mobx';
 import invariant from 'invariant';
 import _ from 'lodash';
 
@@ -21,6 +21,12 @@ class Collection {
   client: ApiClient;
   errors: ErrorsStore;
 
+  /* Computed */
+
+  @computed get entryUrl(): string {
+    return this.type === 'atlas' ? this.documents[0].url : this.url;
+  }
+
   /* Actions */
 
   @action update = async () => {