Discord account Linkage, penalty update

apps/hub/app/(app)/settings/_components/forms.tsx

@@ -31,7 +31,7 @@ export const ProfileForm = ({
 }: {
 	user: User;
 	penaltys: Penalty[];
-	discordAccount?: DiscordAccount;
+	discordAccount: DiscordAccount | null;
 }): React.JSX.Element => {
 	const canEdit = penaltys.length === 0 && !user.isBanned;
 
@@ -215,9 +215,11 @@ export const ProfileForm = ({
 export const SocialForm = ({
 	discordAccount,
 	user,
+	penaltys,
 }: {
-	discordAccount?: DiscordAccount;
+	discordAccount: DiscordAccount | null;
 	user: User;
+	penaltys: Penalty[];
 }): React.JSX.Element | null => {
 	const [isLoading, setIsLoading] = useState(false);
 	const [vatsimLoading, setVatsimLoading] = useState(false);
@@ -235,6 +237,7 @@ export const SocialForm = ({
 		},
 		resolver: zodResolver(schema),
 	});
+	const canUnlinkDiscord = !user.isBanned && penaltys.length === 0;
 
 	if (!user) return null;
 	return (
@@ -262,7 +265,7 @@ export const SocialForm = ({
 			</h2>
 			<div>
 				<div>
-					{discordAccount ? (
+					{discordAccount && canUnlinkDiscord ? (
 						<Button
 							className="btn-success btn-block btn-outline hover:btn-error group transition-all duration-0"
 							isLoading={isLoading}
@@ -329,14 +332,13 @@ export const SocialForm = ({
 export const DeleteForm = ({
 	user,
 	penaltys,
-	reports,
 }: {
 	user: User;
 	penaltys: Penalty[];
 	reports: Report[];
 }) => {
 	const router = useRouter();
-	const userCanDelete = penaltys.length === 0 && !user.isBanned && reports.length === 0;
+	const userCanDelete = penaltys.length === 0 && !user.isBanned;
 	return (
 		<div className="card-body">
 			<h2 className="card-title mb-5">
@@ -344,11 +346,11 @@ export const DeleteForm = ({
 			</h2>
 			{!userCanDelete && (
 				<div className="text-left">
-					<h2 className="text-warning text-lg">Du kannst dein Konto zurzeit nicht löschen!</h2>
+					<h2 className="text-warning text-lg">Du kannst dein Konto nicht löschen!</h2>
 					<p className="text-sm text-gray-400">
-						Scheinbar hast du Strafen oder Reports in deinem Profil hinterlegt. Um unsere Community
-						zu schützen kannst du deinen Account nicht löschen. Bitte erstelle ein Support-Ticket,
-						wenn du Fragen dazu hast.
+						Da du Strafen hast oder hattest, kannst du deinen Account nicht löschen. Um unsere
+						Community zu schützen kannst du deinen Account nicht löschen. Bitte erstelle ein
+						Support-Ticket, wenn du Fragen dazu hast.
 					</p>
 				</div>
 			)}

apps/hub/app/(app)/settings/actions.ts

@@ -4,9 +4,19 @@ import { getServerSession } from "../../api/auth/[...nextauth]/auth";
 import bcrypt from "bcryptjs";
 
 export const unlinkDiscord = async (userId: string) => {
-	await prisma.discordAccount.deleteMany({
+	const discordAccount = await prisma.discordAccount.update({
 		where: {
+			userId: userId,
+		},
+		data: {
+			userId: null,
+		},
+	});
+
+	await prisma.formerDiscordAccount.create({
+		data: {
 			userId,
+			discordId: discordAccount.discordId,
 		},
 	});
 };

apps/hub/app/(app)/settings/page.tsx

@@ -3,6 +3,7 @@ import { getServerSession } from "../../api/auth/[...nextauth]/auth";
 import { ProfileForm, SocialForm, PasswordForm, DeleteForm } from "./_components/forms";
 import { GearIcon } from "@radix-ui/react-icons";
 import { Error } from "_components/Error";
+import { getUserPenaltys } from "@repo/shared-components";
 
 export default async function Page() {
 	const session = await getServerSession();
@@ -13,15 +14,17 @@ export default async function Page() {
 			id: session.user.id,
 		},
 		include: {
-			discordAccounts: true,
+			DiscordAccount: true,
 			Penaltys: true,
 		},
 	});
 	const userPenaltys = await prisma.penalty.findMany({
 		where: {
 			userId: session.user.id,
+			suspended: false,
 		},
 	});
+	const activePenaltys = await getUserPenaltys(session.user.id);
 
 	const userReports = await prisma.report.findMany({
 		where: {
@@ -30,7 +33,7 @@ export default async function Page() {
 	});
 
 	if (!user) return <Error statusCode={401} title="Dein Account wurde nicht gefunden" />;
-	const discordAccount = user?.discordAccounts[0];
+	const discordAccount = user?.DiscordAccount;
 	return (
 		<div className="grid grid-cols-6 gap-4">
 			<div className="col-span-full">
@@ -39,16 +42,24 @@ export default async function Page() {
 				</p>
 			</div>
 			<div className="card bg-base-200 col-span-6 mb-4 shadow-xl xl:col-span-3">
-				<ProfileForm user={user} penaltys={userPenaltys} discordAccount={discordAccount} />
+				<ProfileForm
+					user={user}
+					discordAccount={discordAccount}
+					penaltys={[...activePenaltys.openBans, ...activePenaltys.openTimeban]}
+				/>
 			</div>
 			<div className="card bg-base-200 col-span-6 mb-4 shadow-xl xl:col-span-3">
-				<SocialForm discordAccount={discordAccount} user={user} />
+				<SocialForm
+					user={user}
+					discordAccount={discordAccount}
+					penaltys={[...activePenaltys.openBans, ...activePenaltys.openTimeban]}
+				/>
 			</div>
 			<div className="card bg-base-200 col-span-6 mb-4 shadow-xl xl:col-span-3">
 				<PasswordForm />
 			</div>
 			<div className="card bg-base-200 col-span-6 mb-4 shadow-xl xl:col-span-3">
-				<DeleteForm user={user} penaltys={userPenaltys} reports={userReports} />
+				<DeleteForm user={user} reports={userReports} penaltys={userPenaltys} />
 			</div>
 		</div>
 	);