refactor(cms): separate dashboard data and editor components with focused UX fixes

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

@@ -1,4 +1,3 @@
-import { and, asc, count, desc, eq, gt, or } from "drizzle-orm";
 import Image from "next/image";
 import { redirect } from "next/navigation";
 import type { CSSProperties, ReactNode } from "react";
@@ -9,19 +8,8 @@ import { Reveal } from "@/components/motion-reveal";
 import { UserAvatarThumbnail } from "@/components/shared/user-avatar-thumbnail";
 import { SurfaceCard } from "@/components/surface-card";
 import { auth } from "@/lib/auth";
-import {
-	db,
-	MessengerFriendships,
-	MessengerOffline,
-	Rooms,
-	User,
-	UserReferrals,
-	UsersBadges,
-	UsersSettings,
-} from "@/lib/db";
 import { avatarImageUrl } from "@/lib/format";
-import { resolveHotelName } from "@/lib/hotel-name";
-import { siteSettings } from "@/lib/services/site-settings";
+import { loadUserDashboard } from "@/lib/services/user-dashboard";
 import CopyReferralButton from "./CopyReferralButton";
 
 export const metadata = { title: "My dashboard" };
@@ -78,7 +66,7 @@ export default async function MePage({
 	try {
 		const BADGE_IMG_BASE = "https://images.habbo.com/c_images/album1584";
 
-		const [
+		const {
 			userRows,
 			hotelName,
 			neededRaw,
@@ -92,112 +80,7 @@ export default async function MePage({
 			unreadCountRows,
 			referralsRows,
 			friends,
-		] = await Promise.all([
-			db
-				.select({
-					id: User.id,
-					username: User.username,
-					look: User.look,
-					motto: User.motto,
-					rank: User.rank,
-					credits: User.credits,
-					accountCreated: User.accountCreated,
-					lastLogin: User.lastLogin,
-					lastOnline: User.lastOnline,
-				})
-				.from(User)
-				.where(eq(User.id, userId))
-				.limit(1),
-			resolveHotelName(),
-			siteSettings.get("referrals_needed", "5"),
-			siteSettings.get("referral_reward_amount", "30"),
-			siteSettings.getMany([
-				"referral_reward_currency_type",
-				"referral_reward_currency",
-			]),
-			siteSettings.get("hotel_alert_banner", ""),
-			db
-				.select({
-					id: Rooms.id,
-					name: Rooms.name,
-					ownerName: Rooms.ownerName,
-					users: Rooms.users,
-					usersMax: Rooms.usersMax,
-				})
-				.from(Rooms)
-				.orderBy(desc(Rooms.id))
-				.limit(6)
-				.catch(() => []),
-			db
-				.select({
-					badgeCode: UsersBadges.badgeCode,
-					slotId: UsersBadges.slotId,
-				})
-				.from(UsersBadges)
-				.where(and(eq(UsersBadges.userId, userId), gt(UsersBadges.slotId, 0)))
-				.orderBy(asc(UsersBadges.slotId))
-				.catch(() => []),
-			db
-				.select({
-					achievementScore: UsersSettings.achievementScore,
-					respectsReceived: UsersSettings.respectsReceived,
-				})
-				.from(UsersSettings)
-				.where(eq(UsersSettings.userId, userId))
-				.limit(1)
-				.catch(() => []),
-			db
-				.select({ value: count() })
-				.from(MessengerFriendships)
-				.where(
-					or(
-						eq(MessengerFriendships.userOneId, userId),
-						eq(MessengerFriendships.userTwoId, userId),
-					),
-				)
-				.catch(() => [{ value: 0 }]),
-			db
-				.select({ value: count() })
-				.from(MessengerOffline)
-				.where(eq(MessengerOffline.userId, userId))
-				.catch(() => [{ value: 0 }]),
-			db
-				.select({ referralsTotal: UserReferrals.referralsTotal })
-				.from(UserReferrals)
-				.where(eq(UserReferrals.userId, userId))
-				.orderBy(desc(UserReferrals.id))
-				.limit(1)
-				.catch(() => []),
-			db
-				.select({
-					id: User.id,
-					username: User.username,
-					look: User.look,
-					motto: User.motto,
-					online: User.online,
-				})
-				.from(MessengerFriendships)
-				.innerJoin(
-					User,
-					or(
-						and(
-							eq(MessengerFriendships.userOneId, userId),
-							eq(User.id, MessengerFriendships.userTwoId),
-						),
-						and(
-							eq(MessengerFriendships.userTwoId, userId),
-							eq(User.id, MessengerFriendships.userOneId),
-						),
-					),
-				)
-				.where(
-					or(
-						eq(MessengerFriendships.userOneId, userId),
-						eq(MessengerFriendships.userTwoId, userId),
-					),
-				)
-				.catch(() => []),
-		]);
+		} = await loadUserDashboard(userId);
 
 		const user = userRows[0] ?? null;
 		if (!user) throw new Error("user-not-found");