refactor(db): migrate app pages and APIs from Prisma facade to Drizzle (2)

Co-authored-by: Cursor <[email protected]>

src/app/(site)/staff/page.tsx

@@ -1,7 +1,8 @@
+import { asc, desc, eq, gte } from "drizzle-orm";
 import Link from "next/link";
 import { getTranslations } from "next-intl/server";
 import { ContentCard, EmptyState } from "@/components/public/ui";
-import { prisma } from "@/lib/prisma";
+import { db, User, WebsiteTeams } from "@/lib/db";
 import { siteSettings } from "@/lib/services/site-settings";
 
 export const revalidate = 300;
@@ -30,30 +31,35 @@ export default async function StaffPage() {
 
 	let staff: StaffMember[] = [];
 	try {
-		staff = await prisma.user.findMany({
-			where: { rank: { gte: minStaffRank } },
-			select: { username: true, look: true, rank: true, motto: true },
-			orderBy: [{ rank: "desc" }, { username: "asc" }],
-			take: 100,
-		});
+		staff = await db
+			.select({
+				username: User.username,
+				look: User.look,
+				rank: User.rank,
+				motto: User.motto,
+			})
+			.from(User)
+			.where(gte(User.rank, minStaffRank))
+			.orderBy(desc(User.rank), asc(User.username))
+			.limit(100);
 	} catch {
 		staff = [];
 	}
 
 	let teams: Team[] = [];
 	try {
-		const rows = await prisma.websiteTeams.findMany({
-			where: { hiddenRank: false },
-			select: {
-				id: true,
-				rankName: true,
-				badge: true,
-				jobDescription: true,
-				staffColor: true,
-			},
-			orderBy: { id: "asc" },
-		});
-		teams = rows.map((t) => ({ ...t, id: String(t.id) }));
+		const rows = await db
+			.select({
+				id: WebsiteTeams.id,
+				rankName: WebsiteTeams.rankName,
+				badge: WebsiteTeams.badge,
+				jobDescription: WebsiteTeams.jobDescription,
+				staffColor: WebsiteTeams.staffColor,
+			})
+			.from(WebsiteTeams)
+			.where(eq(WebsiteTeams.hiddenRank, false))
+			.orderBy(asc(WebsiteTeams.id));
+		teams = rows.map((row) => ({ ...row, id: String(row.id) }));
 	} catch {
 		teams = [];
 	}
@@ -69,14 +75,14 @@ export default async function StaffPage() {
 					subtitle={t("ranksSubtitle")}
 				>
 					<div className="card-grid sm-2 lg-3">
-						{teams.map((t) => (
-							<div key={t.id} className="card">
-								<h3 style={{ margin: "0 0 0.25rem", color: t.staffColor }}>
-									{t.rankName}
+						{teams.map((team) => (
+							<div key={team.id} className="card">
+								<h3 style={{ margin: "0 0 0.25rem", color: team.staffColor }}>
+									{team.rankName}
 								</h3>
-								{t.jobDescription ? (
+								{team.jobDescription ? (
 									<p className="muted" style={{ margin: 0 }}>
-										{t.jobDescription}
+										{team.jobDescription}
 									</p>
 								) : null}
 							</div>