PxlLoewe/var-monorepo
1
0
Fork 0
Code Issues 22 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

fixed type exxors

Browse Source
This commit is contained in:
PxlLoewe
2025-06-24 01:12:08 -07:00
parent 2e5340d8be
commit fa90bc05a8
4 changed files with 99 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
apps/hub/app/(app)/admin/penalty/columns.tsx Normal file
View File

@@ -0,0 +1,96 @@
"use client";
import { LockKeyhole, RedoDot, Shield, Timer, TriangleAlert } from "lucide-react";
import Link from "next/link";
import { Penalty, PenaltyType, Report, User } from "@repo/db";
import { ColumnDef } from "@tanstack/react-table";
import { formatDistance } from "date-fns";
import { de } from "date-fns/locale";
import { cn } from "../../../../helper/cn";
import { HobbyKnifeIcon } from "@radix-ui/react-icons";
export const penaltyColumns: ColumnDef<Penalty & { Report: Report }>[] = [
{
accessorKey: "type",
header: "Typ",
cell: ({ row }) => {
switch (row.getValue("type") as PenaltyType) {
case "KICK":
return (
<div
className={cn("text-warning flex gap-3", row.original.suspended && "text-gray-400")}
>
<RedoDot />
Kick {row.original.suspended && "(ausgesetzt)"}
</div>
);
case "TIME_BAN": {
const length = formatDistance(
new Date(row.original.timestamp),
new Date(row.original.until || Date.now()),
{ locale: de },
);
return (
<div
className={cn("text-warning flex gap-3", row.original.suspended && "text-gray-400")}
>
<Timer />
Zeit Sperre ({length}) {row.original.suspended && "(ausgesetzt)"}
</div>
);
}
case "PERMISSIONS_REVOCED":
return (
<div className={cn("text-error flex gap-3", row.original.suspended && "text-gray-400")}>
<LockKeyhole /> Rechte entzogen {row.original.suspended && "(ausgesetzt)"}
</div>
);
case "BAN":
return (
<div className={cn("text-error flex gap-3", row.original.suspended && "text-gray-400")}>
<HobbyKnifeIcon /> Bann {row.original.suspended && "(ausgesetzt)"}
</div>
);
}
},
},
{
accessorKey: "CreatedUser",
header: "Bestraft durch",
cell: ({ row }) => {
const user = row.getValue("CreatedUser") as User;
return `${user.firstname} ${user.lastname} (${user.publicId})`;
},
},
{
accessorKey: "timestamp",
header: "Time",
cell: ({ row }) => new Date(row.getValue("timestamp")).toLocaleString(),
},
{
accessorKey: "actions",
header: "Actions",
cell: ({ row }) => {
const report = row.original.Report;
return (
<div className="flex gap-2">
<Link href={`/admin/penalty/${row.original.id}`}>
<button className="btn btn-sm btn-outline btn-info flex items-center gap-2">
<Shield className="w-4 h-4" />
Anzeigen
</button>
</Link>
{report && (
<Link href={`/admin/report/${report.id}`}>
<button className="btn btn-sm btn-outliney flex items-center gap-2">
<TriangleAlert className="w-4 h-4" />
Report Anzeigen
</button>
</Link>
)}
</div>
);
},
},
];

97
apps/hub/app/(app)/admin/penalty/page.tsx
View File

@@ -1,100 +1,5 @@
"use client";
import { LockKeyhole, RedoDot, Shield, Timer, TriangleAlert } from "lucide-react";
import Link from "next/link";
import { penaltyColumns } from "(app)/admin/penalty/columns";
import { PaginatedTable } from "_components/PaginatedTable";
import { Penalty, PenaltyType, Report, User } from "@repo/db";
import { ColumnDef } from "@tanstack/react-table";
import { formatDistance } from "date-fns";
import { de } from "date-fns/locale";
import { cn } from "../../../../helper/cn";
import { HobbyKnifeIcon } from "@radix-ui/react-icons";
export const penaltyColumns: ColumnDef<Penalty & { Report: Report }>[] = [
{
accessorKey: "type",
header: "Typ",
cell: ({ row }) => {
switch (row.getValue("type") as PenaltyType) {
case "KICK":
return (
<div
className={cn("text-warning flex gap-3", row.original.suspended && "text-gray-400")}
>
<RedoDot />
Kick {row.original.suspended && "(ausgesetzt)"}
</div>
);
case "TIME_BAN": {
const length = formatDistance(
new Date(row.original.timestamp),
new Date(row.original.until || Date.now()),
{ locale: de },
);
return (
<div
className={cn("text-warning flex gap-3", row.original.suspended && "text-gray-400")}
>
<Timer />
Zeit Sperre ({length}) {row.original.suspended && "(ausgesetzt)"}
</div>
);
}
case "PERMISSIONS_REVOCED":
return (
<div className={cn("text-error flex gap-3", row.original.suspended && "text-gray-400")}>
<LockKeyhole /> Rechte entzogen {row.original.suspended && "(ausgesetzt)"}
</div>
);
case "BAN":
return (
<div className={cn("text-error flex gap-3", row.original.suspended && "text-gray-400")}>
<HobbyKnifeIcon /> Bann {row.original.suspended && "(ausgesetzt)"}
</div>
);
}
},
},
{
accessorKey: "CreatedUser",
header: "Bestraft durch",
cell: ({ row }) => {
const user = row.getValue("CreatedUser") as User;
return `${user.firstname} ${user.lastname} (${user.publicId})`;
},
},
{
accessorKey: "timestamp",
header: "Time",
cell: ({ row }) => new Date(row.getValue("timestamp")).toLocaleString(),
},
{
accessorKey: "actions",
header: "Actions",
cell: ({ row }) => {
const report = row.original.Report;
return (
<div className="flex gap-2">
<Link href={`/admin/penalty/${row.original.id}`}>
<button className="btn btn-sm btn-outline btn-info flex items-center gap-2">
<Shield className="w-4 h-4" />
Anzeigen
</button>
</Link>
{report && (
<Link href={`/admin/report/${report.id}`}>
<button className="btn btn-sm btn-outliney flex items-center gap-2">
<TriangleAlert className="w-4 h-4" />
Report Anzeigen
</button>
</Link>
)}
</div>
);
},
},
];
export default function ReportPage() {
return (