forked from administration/panel
46 lines
1.6 KiB
TypeScript
46 lines
1.6 KiB
TypeScript
import { Report } from "revolt-api";
|
|
import { Card, CardDescription, CardHeader, CardTitle } from "../ui/card";
|
|
import { Badge } from "../ui/badge";
|
|
import dayjs from "dayjs";
|
|
import { decodeTime } from "ulid";
|
|
|
|
import relativeTime from "dayjs/plugin/relativeTime";
|
|
dayjs.extend(relativeTime);
|
|
|
|
export function ReportCard({ report }: { report: Report }) {
|
|
return (
|
|
<Card>
|
|
<CardHeader>
|
|
<CardTitle
|
|
className={`overflow-ellipsis whitespace-nowrap overflow-x-clip ${
|
|
report.status !== "Created" ? "text-gray-500" : ""
|
|
}`}
|
|
>
|
|
{report.status === "Resolved" ? (
|
|
<Badge className="align-middle">Resolved</Badge>
|
|
) : report.status === "Rejected" ? (
|
|
<Badge className="align-middle">
|
|
Closed for {report.rejection_reason}
|
|
</Badge>
|
|
) : (
|
|
report.content.report_reason.includes("Illegal") && (
|
|
<Badge className="align-middle" variant="destructive">
|
|
Urgent
|
|
</Badge>
|
|
)
|
|
)}{" "}
|
|
{report.additional_context || "No reason specified"}
|
|
</CardTitle>
|
|
<CardDescription>
|
|
{report._id.toString().substring(20, 26)} ·{" "}
|
|
{report.content.report_reason} · {report.content.type} ·{" "}
|
|
{dayjs(decodeTime(report._id)).fromNow()}{" "}
|
|
{report.status !== "Created" && report.closed_at && (
|
|
<>· Closed {dayjs(report.closed_at).fromNow()}</>
|
|
)}
|
|
</CardDescription>
|
|
</CardHeader>
|
|
</Card>
|
|
);
|
|
}
|