fix(ui): Added a total event count to the profile loader on public profiles. Before, the number of hosted events was only shown when there was no pagination (few events) and kept hidden when there was pagination (many events).

Author: alx-sch

apps/backend/src/user/user.service.ts

@@ -898,19 +898,45 @@ export class UserService {
       }
     }
 
-    const events = await this.prisma.event.findMany({
-      where: {
-        authorId: userId,
-        isPublished: true,
-        isPublic: true,
-        ...cursorFilter,
-      },
-      include: {
-        location: true,
-      },
-      orderBy: [{ startAt: 'desc' }, { id: 'desc' }],
-      take: limit + 1,
-    });
+    const pageWhere: Prisma.EventWhereInput = {
+      authorId: userId,
+      isPublished: true,
+      isPublic: true,
+      ...cursorFilter,
+    };
+    const countWhere: Prisma.EventWhereInput = {
+      authorId: userId,
+      isPublished: true,
+      isPublic: true,
+    };
+
+    let events;
+    let hostedPublicTotal: number | undefined;
+
+    if (!cursor) {
+      const [page, total] = await Promise.all([
+        this.prisma.event.findMany({
+          where: pageWhere,
+          include: {
+            location: true,
+          },
+          orderBy: [{ startAt: 'desc' }, { id: 'desc' }],
+          take: limit + 1,
+        }),
+        this.prisma.event.count({ where: countWhere }),
+      ]);
+      events = page;
+      hostedPublicTotal = total;
+    } else {
+      events = await this.prisma.event.findMany({
+        where: pageWhere,
+        include: {
+          location: true,
+        },
+        orderBy: [{ startAt: 'desc' }, { id: 'desc' }],
+        take: limit + 1,
+      });
+    }
 
     const hasMore = events.length > limit;
     const sliced = hasMore ? events.slice(0, limit) : events;
@@ -919,6 +945,15 @@ export class UserService {
       ? Buffer.from(`${last.startAt.toISOString()}|${String(last.id)}`).toString('base64')
       : null;
 
+    const pagination: {
+      nextCursor: string | null;
+      hasMore: boolean;
+      total?: number;
+    } = { nextCursor, hasMore };
+    if (hostedPublicTotal !== undefined) {
+      pagination.total = hostedPublicTotal;
+    }
+
     return {
       data: sliced.map((event) => ({
         id: event.id,
@@ -928,7 +963,7 @@ export class UserService {
         imageKey: event.imageKey,
         location: event.location,
       })),
-      pagination: { nextCursor, hasMore },
+      pagination,
     };
   }
 }

apps/frontend/src/hooks/useInfiniteScroll.ts

@@ -7,6 +7,8 @@ interface PaginatedItem {
 export interface Pagination {
   nextCursor: string | null;
   hasMore: boolean;
+  /** Set on first page when API returns total (e.g. hosted events count). */
+  total?: number;
 }
 
 /**

apps/frontend/src/pages/public-profile/components/ProfileTabs.tsx

@@ -39,14 +39,16 @@ export function ProfileTabs({
     }
   );
 
+  const eventsTabCount = initialPagination.total ?? events.length;
+
   return (
     <Tabs defaultValue="info" className="w-full" onValueChange={setActiveTab}>
       <TabsList variant="brutalist" className="w-full md:w-auto">
         <TabsTrigger value="info" variant="brutalist" className="text-xs md:text-sm">
           Info
         </TabsTrigger>
         <TabsTrigger value="events" variant="brutalist" className="text-xs md:text-sm">
-          Events {initialPagination.hasMore ? '' : `(${events.length})`}
+          Events ({eventsTabCount})
         </TabsTrigger>
       </TabsList>
 

packages/schema/src/user.ts

@@ -102,7 +102,11 @@ export type ResUserPublicEvents = z.infer<typeof ResUserPublicEventsSchema>;
 
 export const ResUserPublicEventsPaginatedSchema = z.object({
   data: ResUserPublicEventsSchema,
-  pagination: z.object({ nextCursor: z.string().nullable(), hasMore: z.boolean() }),
+  pagination: z.object({
+    nextCursor: z.string().nullable(),
+    hasMore: z.boolean(),
+    total: z.number().int().nonnegative().optional(),
+  }),
 });
 export type ResUserPublicEventsPaginated = z.infer<typeof ResUserPublicEventsPaginatedSchema>;