+
+
+
,
+ document.body,
+ )}
+
+ );
+}
diff --git a/frontend/src/components/admin/regenerate-images.tsx b/backend/src/components/admin/regenerate-images.tsx
similarity index 96%
rename from frontend/src/components/admin/regenerate-images.tsx
rename to backend/src/components/admin/regenerate-images.tsx
index 8e15372..bf387c6 100644
--- a/frontend/src/components/admin/regenerate-images.tsx
+++ b/backend/src/components/admin/regenerate-images.tsx
@@ -2,7 +2,7 @@ import { useEffect, useState } from "react";
import { createPortal } from "react-dom";
import { Icon } from "@iconify/react";
-import SubmitButton from "../submit-button";
+import SubmitButton from "../../../../frontend/src/components/submit-button";
export default function RegenerateImagesButton() {
const [isOpen, setIsOpen] = useState(false);
diff --git a/backend/src/components/admin/report-tabs.tsx b/backend/src/components/admin/report-tabs.tsx
new file mode 100644
index 0000000..d29339e
--- /dev/null
+++ b/backend/src/components/admin/report-tabs.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import { useTransition } from "react";
+import { ReportStatus } from "@prisma/client";
+
+export default function ReportTabs({ status }: { status?: ReportStatus }) {
+ const router = useRouter();
+ const [isPending, startTransition] = useTransition();
+
+ return (
+
+
+
+
+
+ Punishment Deletion
+ +Are you sure? This will delete the user‘s punishment and they will be able to come back.
+ + {error && Error: {error}} + +
+
+
+
+ {["ALL", "OPEN", "RESOLVED", "DISMISSED"].map((s) => (
+
+ ))}
+
+ );
+}
diff --git a/backend/src/components/admin/reports.tsx b/backend/src/components/admin/reports.tsx
new file mode 100644
index 0000000..7eb75ed
--- /dev/null
+++ b/backend/src/components/admin/reports.tsx
@@ -0,0 +1,202 @@
+import { revalidatePath } from "next/cache";
+
+import { Icon } from "@iconify/react";
+import { ReportStatus } from "@prisma/client";
+
+import { prisma } from "@/lib/prisma";
+import ReportTabs from "./report-tabs";
+
+const PAGE_SIZE = 20;
+
+export default async function Reports({ searchParams }: { searchParams: { status?: string; page?: string } }) {
+ const status = searchParams.status as ReportStatus | undefined;
+ const page = Number(searchParams.page ?? 1);
+
+ const [reports, total] = await Promise.all([
+ prisma.report.findMany({
+ where: status ? { status } : undefined,
+ orderBy: { createdAt: "desc" },
+ skip: (page - 1) * PAGE_SIZE,
+ take: PAGE_SIZE,
+ }),
+ prisma.report.count({
+ where: status ? { status } : undefined,
+ }),
+ ]);
+
+ const totalPages = Math.ceil(total / PAGE_SIZE);
+
+ const updateStatus = async (formData: FormData) => {
+ "use server";
+ const id = Number(formData.get("id"));
+ const status = formData.get("status") as ReportStatus;
+
+ await prisma.report.update({
+ where: { id },
+ data: { status },
+ });
+
+ revalidatePath("/admin");
+ };
+
+ return (
+
+
+ );
+}
diff --git a/backend/src/components/admin/user-management.tsx b/backend/src/components/admin/user-management.tsx
new file mode 100644
index 0000000..acd986f
--- /dev/null
+++ b/backend/src/components/admin/user-management.tsx
@@ -0,0 +1,207 @@
+"use client";
+
+import { useState } from "react";
+import { Punishment, PunishmentType } from "@prisma/client";
+
+import PunishmentDeletionDialog from "./punishment-deletion-dialog";
+import SubmitButton from "../submit-button";
+
+interface ApiResponse {
+ success: boolean;
+ name: string;
+ image: string;
+ createdAt: string;
+ punishments: Punishment[];
+}
+
+export default function Punishments() {
+ const [userId, setUserId] = useState(-1);
+ const [user, setUser] = useState
+ {reports.map((report) => (
+
+
+ {reports.length === 0 && (
+
+
+ ))}
+
+
+
+
+
+ {report.reportType}
+
+
+
+ {report.status}
+
+
+
+
+
+
+
+
+
+
+ Target ID
+ + {report.targetId} + +
+
+
+ Creator ID
+ + {report.creatorId} + +
+
+
+ Reporter
+ + {report.authorId} + +
+
+ Reason
+{report.reason}
+
+
+
+ Notes
+{report.reasonNotes}
+
+
+
+
+
+
+
+ )}
+
+ {/* Pagination */}
+ {totalPages > 1 && (
+ No reports to display
+Reports will appear here when users submit them
+
+ {total} total
+
+ )}
+
+ {page > 1 && (
+
+ Previous
+
+ )}
+
+ Page {page} of {totalPages}
+
+ {page < totalPages && (
+
+ Next
+
+ )}
+
+
+
+ setUserId(Number(e.target.value))}
+ className="pill input w-full max-w-lg"
+ />
+
+
+
+ {user && (
+
+
+
+ +
+
+
+ 
+
+
+
+
+ {user.name}
+@{user.name}
++ Created:{" "} + {new Date(user.createdAt).toLocaleString("en-GB", { + day: "2-digit", + month: "long", + year: "numeric", + hour: "2-digit", + minute: "2-digit", + second: "2-digit", + timeZone: "UTC", + })}{" "} + UTC +
++ +
+ {user.punishments.length === 0 ? (
+
+ No punishments found.
+ ) : ( + <> + {user.punishments.map((punishment) => ( +
+
+ ))}
+
+ )}
+
+
+ {punishment.type}
+
+
+
+
+
+ {new Date(punishment.createdAt).toLocaleDateString("en-GB", { day: "2-digit", month: "short", year: "numeric" })}
+
+
+ + Reason: {punishment.reason} +
+ {punishment.type !== "WARNING" && ( ++ Expires:{" "} + {punishment.expiresAt + ? new Date(punishment.expiresAt).toLocaleDateString("en-GB", { day: "2-digit", month: "short", year: "numeric" }) + : "Never"} +
+ )} + {punishment.type !== "PERM_EXILE" && ( ++ Returned: {JSON.stringify(punishment.returned)} +
+ )} +
+ {/* Punishment type */}
+
Punishment Type
+ + + {/* Punishment duration */} + {type === "TEMP_EXILE" && ( + <> +Duration
+ + + )} + + {/* Punishment reason */} +Reason
+