perf: don't fetch all the hosts #18319 followup (#19021)

* perf: don't fetch all the hosts #18319 followup

* undo for user events

* undo for regular user events

* fix: limitHostsToThree -> hostsLimit

* accepting hostLimit prop in <Booker />

* Update booking.tsx

* hostLimit -> hostsLimit

apps/api/v2/src/modules/teams/event-types/services/teams-event-types.service.ts

@@ -75,8 +75,16 @@ export class TeamsEventTypesService {
     return eventType;
   }
 
-  async getTeamEventTypeBySlug(teamId: number, eventTypeSlug: string): Promise<DatabaseTeamEventType | null> {
-    const eventType = await this.teamsEventTypesRepository.getTeamEventTypeBySlug(teamId, eventTypeSlug);
+  async getTeamEventTypeBySlug(
+    teamId: number,
+    eventTypeSlug: string,
+    hostsLimit?: number
+  ): Promise<DatabaseTeamEventType | null> {
+    const eventType = await this.teamsEventTypesRepository.getTeamEventTypeBySlug(
+      teamId,
+      eventTypeSlug,
+      hostsLimit
+    );
 
     if (!eventType) {
       return null;

apps/api/v2/src/modules/teams/event-types/teams-event-types.repository.ts

@@ -16,7 +16,7 @@ export class TeamsEventTypesRepository {
     });
   }
 
-  async getTeamEventTypeBySlug(teamId: number, eventTypeSlug: string) {
+  async getTeamEventTypeBySlug(teamId: number, eventTypeSlug: string, hostsLimit?: number) {
     return this.dbRead.prisma.eventType.findUnique({
       where: {
         teamId_slug: {
@@ -27,7 +27,11 @@ export class TeamsEventTypesRepository {
       include: {
         users: true,
         schedule: true,
-        hosts: true,
+        hosts: hostsLimit
+          ? {
+              take: hostsLimit,
+            }
+          : true,
         destinationCalendar: true,
         team: {
           select: {