completed Account Log

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

@@ -11,6 +11,7 @@ import { Error } from "../../../../_components/Error";
 import { getUserPenaltys } from "@repo/shared-components";
 import { PaginatedTable } from "_components/PaginatedTable";
 import { ColumnDef } from "@tanstack/react-table";
+import { AccountLog } from "./_components/AccountLog";
 
 export default async function Page({ params }: { params: Promise<{ id: string }> }) {
 	const { id } = await params;
@@ -175,44 +176,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-6">
-				<PaginatedTable
-					prismaModel={"log"}
-					columns={
-						[
-							{
-								header: "Zeitstempel",
-								accessorKey: "timestamp",
-								cell: (info) => new Date(info.getValue<string>()).toLocaleString("de-DE"),
-							},
-							{
-								header: "Aktion",
-								accessorKey: "action",
-								cell: ({ row }) => {
-									const action = row.original.type;
-
-									if (action !== "PROFILE_CHANGE") {
-										return action;
-									} else {
-										return `${row.original.field} von "${row.original.oldValue}" zu "${row.original.newValue}"`;
-									}
-								},
-							},
-							{
-								header: "IP-Adresse",
-								accessorKey: "ip",
-							},
-							{
-								header: "Gerät",
-								accessorKey: "browser",
-							},
-						] as ColumnDef<Log>[]
-					}
-				/>
+				<AccountLog sameIPLogs={sameIpLogs} userId={user.id} />
 			</div>
-			<div className="card bg-base-200 col-span-6 mb-4 shadow-xl xl:col-span-6">
+			<div className="card bg-base-200 col-span-6 mb-4 shadow-xl xl:col-span-3">
 				<UserReports user={user} />
 			</div>
-			<div className="card bg-base-200 col-span-6 mb-4 shadow-xl xl:col-span-6">
+			<div className="card bg-base-200 col-span-6 mb-4 shadow-xl xl:col-span-3">
 				<UserPenalties user={user} />
 			</div>
 			<div className="card bg-base-200 col-span-6 mb-4 shadow-xl xl:col-span-6">