Report anzeige für auto-reports verbessert

apps/hub/app/(app)/admin/report/_components/form.tsx

@@ -4,6 +4,7 @@ import { editReport } from "(app)/admin/report/actions";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { Report as IReport, Prisma, User } from "@repo/db";
 import { ReportSchema, Report as IReportZod } from "@repo/db/zod";
+import { cn } from "@repo/shared-components";
 import { PaginatedTable } from "_components/PaginatedTable";
 import { Button } from "_components/ui/Button";
 import { Switch } from "_components/ui/Switch";
@@ -31,14 +32,23 @@ export const ReportSenderInfo = ({
 				</Link>
 				<span className="text-primary">{report.reportedUserRole}</span>
 			</h2>
-			<div className="textarea w-full text-left">{report.text}</div>
-			<Link
-				href={`/admin/user/${Sender?.id}`}
-				className="link link-hover text-right text-sm text-gray-600"
-			>
-				gemeldet von Nutzer {Sender?.firstname} {Sender?.lastname} ({Sender?.publicId}) am{" "}
-				{new Date(report.timestamp).toLocaleString()}
-			</Link>
+			<div className="textarea w-full whitespace-pre-wrap text-left">{report.text}</div>
+			{Sender ? (
+				<Link
+					href={`/admin/user/${Sender?.id}`}
+					className={cn(
+						"link link-hover text-right text-sm text-gray-600",
+						!Sender && "text-green-300",
+					)}
+				>
+					gemeldet von Nutzer {Sender.firstname} {Sender.lastname} ({Sender.publicId}) am{" "}
+					{new Date(report.timestamp).toLocaleString()}
+				</Link>
+			) : (
+				<p className="text-right text-sm text-green-300">
+					gemeldet vom System am {new Date(report.timestamp).toLocaleString()}
+				</p>
+			)}
 		</div>
 	);
 };

apps/hub/app/(app)/admin/report/columns.tsx

@@ -25,8 +25,12 @@ export const reportColumns: ColumnDef<Report & { Sender?: User; Reported: User }
 		header: "Sender",
 		cell: ({ row }) => {
 			const user = row.original.Sender;
-			if (!user) return "Unbekannt";
-			return `${user.firstname} ${user.lastname} (${user.publicId})`;
+			if (!user) return <p className="text-green-300">System</p>;
+			return (
+				<Link
+					href={`/admin/user/${user.id}`}
+				>{`${user.firstname} ${user.lastname} (${user.publicId})`}</Link>
+			);
 		},
 	},
 	{

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

@@ -47,30 +47,42 @@ export const AccountLog = ({ sameIPLogs, userId }: { sameIPLogs: Log[]; userId:
 					</div>
 				}
 				getFilter={(searchTerm) => {
-					return {
-						AND: [
-							onlyImportant
-								? {
-										type: {
-											in: ["REGISTER", "PROFILE_CHANGE"],
-										},
-									}
-								: {},
-							{
-								AND: [
-									{ ip: { contains: searchTerm } },
-									{ browser: { contains: searchTerm } },
-									{
-										id: {
-											in: sameIPLogs
-												.filter((log) => log.id.toString().includes(searchTerm))
-												.map((log) => log.id),
-										},
+					if (onlyImportant) {
+						return {
+							AND: [
+								{ ip: { contains: searchTerm } },
+								{ browser: { contains: searchTerm } },
+								{
+									id: {
+										in: sameIPLogs
+											.filter((log) => log.id.toString().includes(searchTerm))
+											.map((log) => log.id),
 									},
-								],
-							},
-						],
-					} as Prisma.LogWhereInput;
+								},
+							],
+						} as Prisma.LogWhereInput;
+					} else {
+						return {
+							OR: [
+								{
+									AND: [
+										{ ip: { contains: searchTerm } },
+										{ browser: { contains: searchTerm } },
+										{
+											id: {
+												in: sameIPLogs
+													.filter((log) => log.id.toString().includes(searchTerm))
+													.map((log) => log.id),
+											},
+										},
+									],
+								},
+								{
+									userId: userId,
+								},
+							],
+						} as Prisma.LogWhereInput;
+					}
 				}}
 				include={{
 					User: true,