Re-added date ranges.

assets/js/fragments.js

@@ -71,17 +71,26 @@ const releaseTrailerFragment = `
 `;
 
 const releasesFragment = `
-  releases(first:$limit, orderBy: DATE_DESC) {
-    id
-    title
-    date
-    createdAt
-    url
-    ${releaseActorsFragment}
-    ${releaseTagsFragment}
-    ${releasePosterFragment}
-    ${siteFragment}
-  }
+    releases(
+        filter: {
+            date: {
+                lessThan: $before,
+                greaterThan: $after,
+            }
+        },
+        first: $limit,
+        orderBy: DATE_DESC,
+    ) {
+        id
+        title
+        date
+        createdAt
+        url
+        ${releaseActorsFragment}
+        ${releaseTagsFragment}
+        ${releasePosterFragment}
+        ${siteFragment}
+    }
 `;
 
 const releaseFragment = `

assets/js/releases/actions.js

@@ -2,22 +2,22 @@ import { graphql } from '../api';
 import { releasesFragment, releaseFragment } from '../fragments';
 import { curateRelease } from '../curate';
 
-function initReleasesActions(_store, _router) {
+function initReleasesActions(store, _router) {
     async function fetchReleases({ _commit }, { limit = 100 }) {
-        /*
-        const releases = await get('/releases', {
-            filter: store.state.ui.filter,
-            after: store.getters.after,
-            before: store.getters.before,
-        });
-        */
+        console.log(store.state.ui.filter, store.getters.after, store.getters.before);
 
         const { releases } = await graphql(`
-            query Releases($limit:Int!) {
+            query Releases(
+                $limit:Int = 1000,
+                $after:Date = "1900-01-01",
+                $before:Date = "2100-01-01",
+            ) {
                 ${releasesFragment}
             }
         `, {
             limit,
+            after: store.getters.after,
+            before: store.getters.before,
         });
 
         return releases.map(release => curateRelease(release));

assets/js/ui/getters.js

@@ -2,16 +2,16 @@ import dayjs from 'dayjs';
 
 const dateRanges = {
     new: () => ({
-        after: dayjs(new Date(0)).format('YYYY-MM-DD'),
-        before: dayjs(new Date()).format('YYYY-MM-DD'),
+        after: '1900-01-01',
+        before: dayjs(new Date()).add(1, 'day').format('YYYY-MM-DD'),
     }),
     upcoming: () => ({
         after: dayjs(new Date()).format('YYYY-MM-DD'),
-        before: dayjs(new Date(2 ** 42)).format('YYYY-MM-DD'),
+        before: '2100-01-01',
     }),
     all: () => ({
-        after: dayjs(new Date(0)).format('YYYY-MM-DD'),
-        before: dayjs(new Date(2 ** 42)).format('YYYY-MM-DD'),
+        after: '1900-01-01',
+        before: '2100-01-01',
     }),
 };