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' },
  });
  }