101 lines
4.4 KiB
TypeScript
101 lines
4.4 KiB
TypeScript
import { groups, minecraftAccounts, userGroupMemberships, users } from "@minecraft-account-manager/database";
|
|
import { and, asc, desc, eq, ilike, isNull, or, sql } from "drizzle-orm";
|
|
import { AdminUserTable } from "@/components/admin-user-table";
|
|
import { db } from "@/lib/database";
|
|
import { assignUserGroupFromRegistry } from "./actions";
|
|
|
|
export const dynamic = "force-dynamic";
|
|
|
|
export default async function AdminUsersPage({
|
|
searchParams,
|
|
}: {
|
|
searchParams: Promise<{ q?: string; error?: string; saved?: string }>;
|
|
}) {
|
|
const query = await searchParams;
|
|
const search = query.q?.trim().slice(0, 100) ?? "";
|
|
const pattern = `%${search}%`;
|
|
const where = search
|
|
? or(
|
|
ilike(users.firstName, pattern),
|
|
ilike(users.discordUsername, pattern),
|
|
ilike(users.discordGlobalName, pattern),
|
|
eq(users.discordUserId, search),
|
|
sql`exists (
|
|
select 1 from ${minecraftAccounts}
|
|
where ${minecraftAccounts.userId} = ${users.id}
|
|
and ${minecraftAccounts.deletedAt} is null
|
|
and (
|
|
${minecraftAccounts.username} ilike ${pattern}
|
|
or ${minecraftAccounts.minecraftUuid} = ${search.toLowerCase()}
|
|
)
|
|
)`,
|
|
)
|
|
: undefined;
|
|
|
|
const [results, allGroups, memberships] = await Promise.all([
|
|
db
|
|
.select({
|
|
id: users.id,
|
|
firstName: users.firstName,
|
|
discordUsername: users.discordUsername,
|
|
discordGlobalName: users.discordGlobalName,
|
|
discordUserId: users.discordUserId,
|
|
onboardingCompletedAt: users.onboardingCompletedAt,
|
|
primaryUsername: minecraftAccounts.username,
|
|
accountCount: sql<number>`(
|
|
select count(*)::int from ${minecraftAccounts} account_count
|
|
where account_count.user_id = ${users.id}
|
|
and account_count.deleted_at is null
|
|
)`,
|
|
})
|
|
.from(users)
|
|
.leftJoin(
|
|
minecraftAccounts,
|
|
and(
|
|
eq(minecraftAccounts.userId, users.id),
|
|
eq(minecraftAccounts.isPrimary, true),
|
|
isNull(minecraftAccounts.deletedAt),
|
|
),
|
|
)
|
|
.where(where)
|
|
.orderBy(users.firstName, users.discordUsername)
|
|
.limit(100),
|
|
db.select({ id: groups.id, name: groups.name, isDefault: groups.isDefault })
|
|
.from(groups).orderBy(desc(groups.isDefault), asc(groups.name)),
|
|
db.select({ userId: userGroupMemberships.userId, groupId: userGroupMemberships.groupId })
|
|
.from(userGroupMemberships),
|
|
]);
|
|
const assignmentByUser = Object.fromEntries(memberships.map((membership) => [membership.userId, membership.groupId]));
|
|
const returnTo = `/admin/users${search ? `?${new URLSearchParams({ q: search }).toString()}` : ""}`;
|
|
|
|
return (
|
|
<main className="mx-auto max-w-6xl px-6 py-14">
|
|
<div className="flex flex-col gap-6 border-b border-line pb-7 sm:flex-row sm:items-end sm:justify-between">
|
|
<div>
|
|
<p className="font-mono text-xs font-bold uppercase tracking-[0.25em] text-accent">Identity registry</p>
|
|
<h1 className="mt-4 font-display text-5xl font-black uppercase">Users</h1>
|
|
</div>
|
|
<form className="flex w-full max-w-md gap-2" method="get">
|
|
<input
|
|
aria-label="Search users"
|
|
className="min-w-0 flex-1 border border-line bg-panel px-4 py-3 font-mono text-xs outline-none focus:border-accent"
|
|
defaultValue={search}
|
|
name="q"
|
|
placeholder="Name, Discord ID, player, or UUID"
|
|
type="search"
|
|
/>
|
|
<button className="border border-ink bg-ink px-5 py-3 font-mono text-[10px] font-bold uppercase tracking-wider text-canvas" type="submit">Search</button>
|
|
</form>
|
|
</div>
|
|
|
|
{query.error && <p className="mt-7 border-l-2 border-accent bg-panel px-5 py-4 text-sm text-accent" role="alert">{query.error === "invalid-group-assignment" ? "The user or group no longer exists. No group change was applied." : "The requested user could not be found."}</p>}
|
|
{query.saved === "group" && <p className="mt-7 border-l-2 border-signal bg-panel px-5 py-4 text-sm" role="status">User group updated.</p>}
|
|
|
|
<div className="mt-8">
|
|
<AdminUserTable action={assignUserGroupFromRegistry} assignmentByUser={assignmentByUser} emptyMessage="No users match that search." groups={allGroups} returnTo={returnTo} users={results} />
|
|
</div>
|
|
<p className="mt-4 font-mono text-[9px] uppercase tracking-widest text-muted">Showing up to 100 users</p>
|
|
</main>
|
|
);
|
|
}
|