Modified network releases query to accomodate date sorting. Showing upcoming releases first to last.

assets/js/networks/actions.js

@@ -1,15 +1,16 @@
 import { graphql } from '../api';
-import { sitesFragment, releasesFragment } from '../fragments';
+import { sitesFragment, releaseFields } from '../fragments';
 import { curateNetwork } from '../curate';
 
 function initNetworksActions(store, _router) {
     async function fetchNetworkBySlug(networkSlug, limit = 100) {
-        const { network } = await graphql(`
+        const { network, releases } = await graphql(`
             query Network(
                 $networkSlug: String!
                 $limit:Int = 1000,
                 $after:Date = "1900-01-01",
                 $before:Date = "2100-01-01",
+                $orderBy: [ReleasesOrderBy!]
             ) {
                 network: networkBySlug(slug: $networkSlug) {
                     id
@@ -17,18 +18,17 @@ function initNetworksActions(store, _router) {
                     slug
                     url
                     sites {
-                      id
-                      name
-                      slug
-                      url
-                      independent
-                      ${releasesFragment}
-                      network {
                         id
                         name
                         slug
                         url
-                      }
+                        independent
+                        network {
+                            id
+                            name
+                            slug
+                            url
+                        }
                     }
                     studios {
                         id
@@ -37,15 +37,29 @@ function initNetworksActions(store, _router) {
                         url
                     }
                 }
+                releases(
+                    first: $limit,
+                    orderBy: $orderBy,
+                    filter: {
+                        site: { network: { slug: { equalTo: $networkSlug } } }
+                        date: {
+                            lessThan: $before,
+                            greaterThan: $after,
+                        }
+                    }
+                ) {
+                    ${releaseFields}
+                }
             }
         `, {
             networkSlug,
             limit,
             after: store.getters.after,
             before: store.getters.before,
+            orderBy: store.state.ui.range === 'upcoming' ? 'DATE_ASC' : 'DATE_DESC',
         });
 
-        return curateNetwork(network);
+        return curateNetwork(network, releases);
     }
 
     async function fetchNetworks({ _commit }, networkSlug) {