vale
/
panel
forked from administration/panel
1
0
Fork 0
Code Pull Requests Activity

feat: group reports by author if not urgent

lea-dev
Paul Makles 2023-10-26 00:20:19 +01:00
parent 8246232461
commit bbaff35812
1 changed files with 60 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
app/panel/reports/page.tsx
View File

@ -3,30 +3,73 @@ import { CardLink } from "@/components/common/CardLink";
import { Input } from "@/components/ui/input"; import { Input } from "@/components/ui/input";
import { fetchOpenReports } from "@/lib/db"; import { fetchOpenReports } from "@/lib/db";
import { PizzaIcon } from "lucide-react"; import { PizzaIcon } from "lucide-react";
import { Report } from "revolt-api";
export default async function Reports() { export default async function Reports() {
const reports = (await fetchOpenReports()) const reports = (await fetchOpenReports())
.reverse() .reverse()
.sort((b, _) => (b.content.report_reason.includes("Illegal") ? -1 : 0)); .sort((b, _) => (b.content.report_reason.includes("Illegal") ? -1 : 0));
return ( const byCategory: Record<string, Report[]> = {
<div className="flex flex-col gap-2"> Urgent: [],
<Input placeholder="Search for reports..." disabled /> All: [],
{reports.length };
? reports.map((report) => ( const keyOrder = ["Urgent", "All"];
<CardLink key={report._id} href={`/panel/reports/${report._id}`}>
<ReportCard report={report} /> const countsByAuthor: Record<string, number> = {};
</CardLink> for (const report of reports) {
)) if (report.content.report_reason.includes("Illegal")) {
: (<> byCategory.Urgent.push(report);
<h2 className="mt-8 flex justify-center"> } else {
<PizzaIcon className="text-gray-400" /> countsByAuthor[report.author_id] =
</h2> (countsByAuthor[report.author_id] || 0) + 1;
<h3 className="text-xs text-center pb-2 text-gray-400"> }
You&lsquo;ve caught up for now. }
</h3>
</>) for (const report of reports) {
if (!report.content.report_reason.includes("Illegal")) {
if (countsByAuthor[report.author_id] > 1) {
if (!keyOrder.includes(report.author_id)) {
keyOrder.push(report.author_id);
byCategory[report.author_id] = [];
}
byCategory[report.author_id].push(report);
} else {
byCategory.All.push(report);
} }
}
}
return (
<div className="flex flex-col gap-8">
{/*<Input placeholder="Search for reports..." disabled />*/}
{reports.length ? (
keyOrder.map((key) => {
return (
<div key={key} className="flex flex-col gap-2">
<h1 className="text-2xl">{key}</h1>
{byCategory[key].map((report) => (
<CardLink
key={report._id}
href={`/panel/reports/${report._id}`}
>
<ReportCard report={report} />
</CardLink>
))}{" "}
</div>
);
})
) : (
<>
<h2 className="mt-8 flex justify-center">
<PizzaIcon className="text-gray-400" />
</h2>
<h3 className="text-xs text-center pb-2 text-gray-400">
You&lsquo;ve caught up for now.
</h3>
</>
)}
</div> </div>
); );
} }