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

assets/js/tags/actions.js

@@ -1,16 +1,19 @@
 import { graphql, get } from '../api';
 import {
-    releasePosterFragment,
-    releaseActorsFragment,
-    releaseTagsFragment,
-    siteFragment,
+    releaseFields,
 } from '../fragments';
 import { curateTag } from '../curate';
 
 function initTagsActions(store, _router) {
-    async function fetchTagBySlug(tagSlug) {
+    async function fetchTagBySlug(tagSlug, limit = 100) {
         const { tagBySlug } = await graphql(`
-            query Tag($tagSlug:String!) {
+            query Tag(
+                $tagSlug:String!
+                $limit:Int = 1000,
+                $after:Date = "1900-01-01",
+                $before:Date = "2100-01-01",
+                $orderBy: [ReleasesTagsOrderBy!]
+            ) {
                 tagBySlug(slug:$tagSlug) {
                     id
                     name
@@ -36,23 +39,30 @@ function initTagsActions(store, _router) {
                             comment
                         }
                     }
-                    releases: releasesTags {
+                    releases: releasesTags(
+                        filter: {
+                            release: {
+                                date: {
+                                    lessThan: $before,
+                                    greaterThan: $after,
+                                }
+                            }
+                        },
+                        first: $limit,
+                        orderBy: $orderBy,
+                    ) {
                         release {
-                            id
-                            title
-                            date
-                            createdAt
-                            url
-                            ${releaseActorsFragment}
-                            ${releaseTagsFragment}
-                            ${releasePosterFragment}
-                            ${siteFragment}
+                            ${releaseFields}
                         }
                     }
                 }
             }
         `, {
             tagSlug,
+            limit,
+            after: store.getters.after,
+            before: store.getters.before,
+            orderBy: store.state.ui.range === 'upcoming' ? 'RELEASE_BY_RELEASE_ID__DATE_ASC' : 'RELEASE_BY_RELEASE_ID__DATE_DESC',
         });
 
         return curateTag(tagBySlug);
@@ -70,21 +80,27 @@ function initTagsActions(store, _router) {
         }
 
         const { tags } = await graphql(`
-            query Tags($slugs: [String!] = [], $limit: Int = 100) {
-              tags(filter: {slug: {in: $slugs}}, first: $limit) {
-                id
-                name
-                slug
-                poster: tagsPosterByTagId {
-                    media {
-                        thumbnail
-                    }
-                }
-                group {
+            query Tags(
+                $slugs: [String!] = [],
+                $limit: Int = 100
+            ) {
+                tags(
+                    filter: { slug: { in: $slugs } },
+                    first: $limit
+                ) {
+                    id
                     name
                     slug
+                    poster: tagsPosterByTagId {
+                        media {
+                            thumbnail
+                        }
+                    }
+                    group {
+                        name
+                        slug
+                    }
                 }
-              }
             }
         `, {
             slugs,