feat: limit number of events in the chapterCard

client/graphql.schema.json

@@ -5208,7 +5208,20 @@
           {
             "name": "chapters",
             "description": null,
-            "args": [],
+            "args": [
+              {
+                "name": "limit",
+                "description": null,
+                "type": {
+                  "kind": "SCALAR",
+                  "name": "Int",
+                  "ofType": null
+                },
+                "defaultValue": null,
+                "isDeprecated": false,
+                "deprecationReason": null
+              }
+            ],
             "type": {
               "kind": "NON_NULL",
               "name": null,
@@ -5318,20 +5331,7 @@
           {
             "name": "dashboardEvents",
             "description": null,
-            "args": [
-              {
-                "name": "limit",
-                "description": null,
-                "type": {
-                  "kind": "SCALAR",
-                  "name": "Int",
-                  "ofType": null
-                },
-                "defaultValue": null,
-                "isDeprecated": false,
-                "deprecationReason": null
-              }
-            ],
+            "args": [],
             "type": {
               "kind": "NON_NULL",
               "name": null,

client/src/generated/graphql.tsx

@@ -568,6 +568,10 @@ export type QueryChapterVenuesArgs = {
   chapterId: Scalars['Int'];
 };
 
+export type QueryChaptersArgs = {
+  limit?: InputMaybe<Scalars['Int']>;
+};
+
 export type QueryDashboardChapterArgs = {
   id: Scalars['Int'];
 };
@@ -576,10 +580,6 @@ export type QueryDashboardEventArgs = {
   id: Scalars['Int'];
 };
 
-export type QueryDashboardEventsArgs = {
-  limit?: InputMaybe<Scalars['Int']>;
-};
-
 export type QueryDashboardSponsorArgs = {
   id: Scalars['Int'];
 };

client/src/modules/chapters/graphql/queries.ts

@@ -43,6 +43,7 @@ export const CHAPTER_USER = gql`
   }
 `;
 
+// https://graphql.org/learn/pagination/#slicing
 export const CHAPTERS = gql`
   query chapters {
     chapters {
@@ -51,7 +52,7 @@ export const CHAPTERS = gql`
       description
       logo_url
       banner_url
-      events {
+      events(first: 2) {
         id
         canceled
         start_at

client/src/modules/home/graphql/queries.ts

@@ -23,7 +23,7 @@ export const HOME_PAGE_QUERY = gql`
       description
       banner_url
       logo_url
-      events {
+      events(first: 2) {
         id
         canceled
         start_at

server/src/controllers/Chapter/resolver.ts

@@ -34,13 +34,16 @@ import { CreateChapterInputs, UpdateChapterInputs } from './inputs';
 @Resolver()
 export class ChapterResolver {
   @Query(() => [ChapterCardRelations])
-  async chapters(): Promise<ChapterCardRelations[]> {
+  async chapters(
+    @Arg('limit', () => Int, { nullable: true }) limit?: number,
+  ): Promise<ChapterCardRelations[]> {
     return await prisma.chapters.findMany({
       include: {
         events: {
           where: {
             AND: [{ canceled: false }, { ends_at: { gt: new Date() } }],
           },
+          take: limit,
           orderBy: { start_at: 'asc' },
         },
         chapter_users: {

server/src/controllers/Events/resolver.ts

@@ -352,7 +352,6 @@ export class EventResolver {
   @Query(() => [EventWithVenue])
   async dashboardEvents(
     @Ctx() ctx: Required<ResolverCtx>,
-    @Arg('limit', () => Int, { nullable: true }) limit?: number,
   ): Promise<EventWithVenue[]> {
     return await prisma.events.findMany({
       where: {
@@ -361,7 +360,6 @@ export class EventResolver {
         }),
       },
       include: { venue: true },
-      take: limit,
       orderBy: { start_at: 'asc' },
     });
   }