feat: use trpc for server calls (#88)

Author: G3root

src/app/(authenticated)/(dashboard)/[publicId]/stakeholders/page.tsx

@@ -2,13 +2,12 @@ import BorderWrapper from "@/components/shared/BorderWrapper";
 import MemberModal from "@/components/stakeholder/member-modal";
 import MemberTable from "@/components/stakeholder/member-table";
 import { Button } from "@/components/ui/button";
-import { withServerSession } from "@/server/auth";
-import { getMembers } from "@/server/stakeholder";
+
+import { api } from "@/trpc/server";
 import { RiAddLine } from "@remixicon/react";
 
 const StakeholdersPage = async () => {
-  const session = await withServerSession();
-  const members = await getMembers(session.user.companyId);
+  const members = await api.stakeholder.getMembers.query();
 
   return (
     <div className="flex flex-col gap-y-3">
@@ -40,7 +39,7 @@ const StakeholdersPage = async () => {
       </div>
 
       <BorderWrapper className="mt-3">
-        <MemberTable members={members} />
+        <MemberTable members={members.data} />
       </BorderWrapper>
     </div>
   );

src/components/stakeholder/member-table.tsx

@@ -41,14 +41,17 @@ import {
 } from "@/components/ui/table";
 
 import { api } from "@/trpc/react";
-import { type TypeGetMembers } from "@/server/stakeholder";
+
 import { Avatar, AvatarImage } from "@/components/ui/avatar";
 import MemberModal from "@/components/stakeholder/member-modal";
 import { useSession } from "next-auth/react";
 import { useRouter } from "next/navigation";
+import { type RouterOutputs } from "@/trpc/shared";
+
+type Member = RouterOutputs["stakeholder"]["getMembers"]["data"];
 
 type MembersType = {
-  members: TypeGetMembers;
+  members: Member;
 };
 
 const humanizeStatus = (status: string, active: boolean) => {
@@ -76,7 +79,7 @@ const humanizeStatus = (status: string, active: boolean) => {
   return "Unknown";
 };
 
-export const columns: ColumnDef<TypeGetMembers[0]>[] = [
+export const columns: ColumnDef<Member[number]>[] = [
   {
     id: "select",
     header: ({ table }) => (

src/server/stakeholder.ts

@@ -8,29 +8,6 @@ import { env } from "@/env";
 import { createHash } from "@/lib/crypto";
 import { type PrismaClient, type Prisma } from "@prisma/client";
 
-export const getMembers = (companyId: string) => {
-  return db.membership.findMany({
-    where: {
-      companyId,
-    },
-    include: {
-      user: {
-        select: {
-          name: true,
-          email: true,
-          image: true,
-        },
-      },
-    },
-
-    orderBy: {
-      createdAt: "asc",
-    },
-  });
-};
-
-export type TypeGetMembers = Awaited<ReturnType<typeof getMembers>>;
-
 export const checkVerificationToken = async (
   token: string,
   userEmail: string | null | undefined,

src/trpc/routers/stakeholder-router/router.ts

@@ -315,4 +315,32 @@ export const stakeholderRouter = createTRPCRouter({
 
       return { success: true };
     }),
+
+  getMembers: protectedProcedure.query(async ({ ctx }) => {
+    const {
+      db,
+      session: { user },
+    } = ctx;
+
+    const data = await db.membership.findMany({
+      where: {
+        companyId: user.companyId,
+      },
+      include: {
+        user: {
+          select: {
+            name: true,
+            email: true,
+            image: true,
+          },
+        },
+      },
+
+      orderBy: {
+        createdAt: "asc",
+      },
+    });
+
+    return { data };
+  }),
 });