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

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

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

@@ -1,7 +1,8 @@
+import { asc, count } 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, WebsiteRareValueCategories, WebsiteRareValues } from "@/lib/db";
 import { siteSettings } from "@/lib/services/site-settings";
 
 export const revalidate = 300;
@@ -19,10 +20,18 @@ export default async function RareValuesPage() {
 	const t = await getTranslations("pages.rares");
 	let categories: CategoryRow[] = [];
 	try {
-		categories = await prisma.websiteRareValueCategories.findMany({
-			orderBy: [{ priority: "asc" }, { name: "asc" }],
-			select: { id: true, name: true, badge: true, priority: true },
-		});
+		categories = await db
+			.select({
+				id: WebsiteRareValueCategories.id,
+				name: WebsiteRareValueCategories.name,
+				badge: WebsiteRareValueCategories.badge,
+				priority: WebsiteRareValueCategories.priority,
+			})
+			.from(WebsiteRareValueCategories)
+			.orderBy(
+				asc(WebsiteRareValueCategories.priority),
+				asc(WebsiteRareValueCategories.name),
+			);
 	} catch {
 		categories = [];
 	}
@@ -30,12 +39,15 @@ export default async function RareValuesPage() {
 	// Per-category rare counts (grouped so we avoid N queries).
 	const counts = new Map<string, number>();
 	try {
-		const grouped = await prisma.websiteRareValues.groupBy({
-			by: ["categoryId"],
-			_count: { _all: true },
-		});
+		const grouped = await db
+			.select({
+				categoryId: WebsiteRareValues.categoryId,
+				value: count(),
+			})
+			.from(WebsiteRareValues)
+			.groupBy(WebsiteRareValues.categoryId);
 		for (const g of grouped) {
-			counts.set(String(g.categoryId), g._count._all);
+			counts.set(String(g.categoryId), Number(g.value));
 		}
 	} catch {
 		// leave counts empty -> shown as 0
@@ -55,7 +67,7 @@ export default async function RareValuesPage() {
 				<div className="card-grid sm-2 lg-3">
 					{categories.map((c) => {
 						const id = String(c.id);
-						const count = counts.get(id) ?? 0;
+						const rareCount = counts.get(id) ?? 0;
 						const badgeSrc =
 							badgesBase && c.badge ? `${badgesBase}/${c.badge}.gif` : "";
 						return (
@@ -83,7 +95,7 @@ export default async function RareValuesPage() {
 									<div className="content-card-head-text">
 										<p className="content-card-title">{c.name}</p>
 										<p className="content-card-subtitle">
-											{t("rareCount", { count })}
+											{t("rareCount", { count: rareCount })}
 										</p>
 									</div>
 								</div>