Discord account Linkage, penalty update

apps/hub/app/(app)/admin/user/[id]/_components/forms.tsx

@@ -6,6 +6,7 @@ import {
 	ConnectedAircraft,
 	ConnectedDispatcher,
 	DiscordAccount,
+	FormerDiscordAccount,
 	Penalty,
 	PERMISSION,
 	Prisma,
@@ -60,6 +61,7 @@ import { penaltyColumns } from "(app)/admin/penalty/columns";
 import { addPenalty, editPenaltys } from "(app)/admin/penalty/actions";
 import { reportColumns } from "(app)/admin/report/columns";
 import { sendMailByTemplate } from "../../../../../../helper/mail";
+import Image from "next/image";
 
 interface ProfileFormProps {
 	user: User;
@@ -566,6 +568,7 @@ interface AdminFormProps {
 		minutes: number;
 		lastLogin?: Date;
 	};
+	formerDiscordAccounts: (FormerDiscordAccount & { DiscordAccount: DiscordAccount | null })[];
 	reports: {
 		total: number;
 		open: number;
@@ -585,6 +588,7 @@ export const AdminForm = ({
 	pilotTime,
 	reports,
 	discordAccount,
+	formerDiscordAccounts,
 	openBans,
 	openTimebans,
 }: AdminFormProps) => {
@@ -755,6 +759,64 @@ export const AdminForm = ({
 					</p>
 				</div>
 			)}
+			<h2 className="card-title mt-2">
+				<DiscordLogoIcon className="h-5 w-5" /> Frühere Discord Accounts
+			</h2>
+			<div className="overflow-x-auto">
+				<table className="table-sm table">
+					<thead>
+						<tr>
+							<th>Avatar</th>
+							<th>Benutzername</th>
+							<th>Discord ID</th>
+							<th>getrennt am</th>
+						</tr>
+					</thead>
+					<tbody>
+						{discordAccount && (
+							<tr>
+								<td>
+									<Image
+										src={`https://cdn.discordapp.com/avatars/${discordAccount.discordId}/${discordAccount.avatar}.png`}
+										alt="Discord Avatar"
+										width={40}
+										height={40}
+										className="h-10 w-10 rounded-full"
+									/>
+								</td>
+								<td>{discordAccount.username}</td>
+								<td>{discordAccount.discordId}</td>
+								<td>N/A (Aktuell verbunden)</td>
+							</tr>
+						)}
+						{formerDiscordAccounts.map((account) => (
+							<tr key={account.discordId}>
+								<td>
+									{account.DiscordAccount && (
+										<Image
+											src={`https://cdn.discordapp.com/avatars/${account.DiscordAccount.discordId}/${account.DiscordAccount.avatar}.png`}
+											alt="Discord Avatar"
+											width={40}
+											height={40}
+											className="h-10 w-10 rounded-full"
+										/>
+									)}
+								</td>
+								<td>{account.DiscordAccount?.username || "Unbekannt"}</td>
+								<td>{account.DiscordAccount?.discordId || "Unbekannt"}</td>
+								<td>{new Date(account.removedAt).toLocaleDateString()}</td>
+							</tr>
+						))}
+						{!discordAccount && formerDiscordAccounts.length === 0 && (
+							<tr>
+								<td colSpan={3} className="text-center text-gray-400">
+									Keine Discord Accounts verknüpft
+								</td>
+							</tr>
+						)}
+					</tbody>
+				</table>
+			</div>
 
 			<h2 className="card-title">
 				<ChartBarBigIcon className="h-5 w-5" /> Aktivität

apps/hub/app/(app)/admin/user/[id]/page.tsx

@@ -12,16 +12,37 @@ import { getUserPenaltys } from "@repo/shared-components";
 
 export default async function Page({ params }: { params: Promise<{ id: string }> }) {
 	const { id } = await params;
-	const user = await prisma.user.findUnique({
+	let user = await prisma.user.findUnique({
 		where: {
 			id: id,
 		},
 		include: {
-			discordAccounts: true,
+			DiscordAccount: true,
 			CanonicalUser: true,
 			Duplicates: true,
 		},
 	});
+	if (!user) {
+		user = await prisma.user.findFirst({
+			where: {
+				publicId: id,
+			},
+			include: {
+				DiscordAccount: true,
+				CanonicalUser: true,
+				Duplicates: true,
+			},
+		});
+	}
+
+	const formerDiscordAccounts = await prisma.formerDiscordAccount.findMany({
+		where: {
+			userId: user?.id,
+		},
+		include: {
+			DiscordAccount: true,
+		},
+	});
 	if (!user) return <Error statusCode={404} title="User not found" />;
 
 	const dispoSessions = await prisma.connectedDispatcher.findMany({
@@ -121,11 +142,12 @@ export default async function Page({ params }: { params: Promise<{ id: string }>
 			</div>
 			<div className="card bg-base-200 col-span-6 mb-4 shadow-xl xl:col-span-3">
 				<AdminForm
+					formerDiscordAccounts={formerDiscordAccounts}
 					user={user}
 					dispoTime={dispoTime}
 					pilotTime={pilotTime}
 					reports={reports}
-					discordAccount={user.discordAccounts[0]}
+					discordAccount={user.DiscordAccount ?? undefined}
 					openBans={openBans}
 					openTimebans={openTimeban}
 				/>