improvement: display user counts

acatzk · Feb 2, 2024 · 9559e98 · 9559e98
1 parent 9b4f195
commit 9559e98
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 3 deletions.
diff --git a/components/layouts/profile-layout.tsx b/components/layouts/profile-layout.tsx
@@ -87,15 +87,15 @@ export default function ProfileLayout({ children }: ProfileLayoutProps): JSX.Ele
               </div>
               <div className="flex items-center space-x-4">
                 <a href="#" className="inline-flex items-center space-x-1 hover:underline">
-                  <h4 className="font-bold">0</h4>
+                  <h4 className="font-bold">{user?.data?._count.posts}</h4>
                   <span>posts</span>
                 </a>
                 <a href="#" className="inline-flex items-center space-x-1 hover:underline">
-                  <h4 className="font-bold">0</h4>
+                  <h4 className="font-bold">{user?.data?._count.followers}</h4>
                   <span>followers</span>
                 </a>
                 <a href="#" className="inline-flex items-center space-x-1 hover:underline">
-                  <h4 className="font-bold">0</h4>
+                  <h4 className="font-bold">{user?.data?._count.following}</h4>
                   <span>following</span>
                 </a>
               </div>

diff --git a/server/api/routers/user.ts b/server/api/routers/user.ts
@@ -21,6 +21,19 @@ export const userRouter = createTRPCRouter({
       return await ctx.db.user.findUniqueOrThrow({
         where: {
           username: input.username
+        },
+        select: {
+          id: true,
+          displayName: true,
+          imageUrl: true,
+          username: true,
+          _count: {
+            select: {
+              posts: true,
+              followers: true,
+              following: true
+            }
+          }
         }
       })
     }),