Remco/EpicNext-Cms
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

revert fb8e77bb68

Browse Source 
revert style: clean up code with prettier and eslint
This commit is contained in:
Remco
2026-07-12 21:02:03 +02:00
parent 27de078f54
commit e85e4d74ea
378 changed files with 20710 additions and 22428 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/admin/moderation/cfh/[id]/cfh-detail.tsx
+75 -64
View File
@@ -1,4 +1,4 @@
"use client";
'use client'
import {
AlertTriangle,
@@ -10,9 +10,9 @@ import {
User,
VolumeX,
Zap,
} from "lucide-react";
import Link from "next/link";
import { useState } from "react";
} from 'lucide-react'
import Link from 'next/link'
import { useState } from 'react'
import {
assignCfhTicket,
closeCfhTicket,
@@ -20,37 +20,43 @@ import {
quickKick,
quickMute,
updateCfhState,
} from "@/actions/moderation";
import { Badge } from "@/components/ui/badge";
import { Button } from "@/components/ui/button";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { Input } from "@/components/ui/input";
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
import { Textarea } from "@/components/ui/textarea";
import { useServerAction } from "@/hooks/use-server-action";
} from '@/actions/moderation'
import { Badge } from '@/components/ui/badge'
import { Button } from '@/components/ui/button'
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
import { Input } from '@/components/ui/input'
import {
Select,
SelectContent,
SelectItem,
SelectTrigger,
SelectValue,
} from '@/components/ui/select'
import { Textarea } from '@/components/ui/textarea'
import { useServerAction } from '@/hooks/use-server-action'
const CFH_STATES: Record<number, { label: string; class: string }> = {
0: { label: "Open", class: "bg-[var(--admin-error-subtle)] text-[var(--admin-error)]" },
1: { label: "Picked", class: "bg-[var(--admin-warning-subtle)] text-[var(--admin-warning)]" },
2: { label: "Closed", class: "bg-muted text-muted-foreground" },
};
0: { label: 'Open', class: 'bg-[var(--admin-error-subtle)] text-[var(--admin-error)]' },
1: { label: 'Picked', class: 'bg-[var(--admin-warning-subtle)] text-[var(--admin-warning)]' },
2: { label: 'Closed', class: 'bg-muted text-muted-foreground' },
}
interface UserInfo {
id: number;
username: string;
look: string;
rank: number;
online: string;
ipRegister: string;
mail: string | null;
id: number
username: string
look: string
rank: number
online: string
ipRegister: string
mail: string | null
}
interface BanRecord {
id: number;
reason: string;
type: string;
staff: string;
timestamp: number;
id: number
reason: string
type: string
staff: string
timestamp: number
}
export function CfhDetail({
@@ -64,27 +70,27 @@ export function CfhDetail({
currentUserId,
}: {
ticket: {
id: number;
state: number;
type: number;
timestamp: number;
issue: string;
roomId: number;
category: number;
score: number;
};
sender: UserInfo | null;
reported: UserInfo | null;
moderator: UserInfo | null;
banHistory: { count: number; recent: BanRecord[] };
canEdit: boolean;
currentUserId: number;
id: number
state: number
type: number
timestamp: number
issue: string
roomId: number
category: number
score: number
}
sender: UserInfo | null
reported: UserInfo | null
moderator: UserInfo | null
banHistory: { count: number; recent: BanRecord[] }
canEdit: boolean
currentUserId: number
}) {
const { run, isPending } = useServerAction();
const [alertMsg, setAlertMsg] = useState("");
const [muteDuration, setMuteDuration] = useState(10);
const { run, isPending } = useServerAction()
const [alertMsg, setAlertMsg] = useState('')
const [muteDuration, setMuteDuration] = useState(10)
const state = CFH_STATES[ticket.state] ?? CFH_STATES[0];
const state = CFH_STATES[ticket.state] ?? CFH_STATES[0]
return (
<div className="space-y-6">
@@ -123,7 +129,7 @@ export function CfhDetail({
</CardHeader>
<CardContent>
<p className="text-sm leading-relaxed whitespace-pre-wrap">
{ticket.issue || "No description provided."}
{ticket.issue || 'No description provided.'}
</p>
</CardContent>
</Card>
@@ -145,7 +151,7 @@ export function CfhDetail({
<div>
<p className="text-sm font-bold">{sender.username}</p>
<p className="text-xs text-muted-foreground">
Rank {sender.rank} · {sender.online === "1" ? "Online" : "Offline"}
Rank {sender.rank} · {sender.online === '1' ? 'Online' : 'Offline'}
</p>
</div>
</Link>
@@ -171,7 +177,7 @@ export function CfhDetail({
<div>
<p className="text-sm font-bold">{reported.username}</p>
<p className="text-xs text-muted-foreground">
Rank {reported.rank} · {reported.online === "1" ? "Online" : "Offline"} ·{" "}
Rank {reported.rank} · {reported.online === '1' ? 'Online' : 'Offline'} ·{' '}
{banHistory.count} bans
</p>
</div>
@@ -188,7 +194,7 @@ export function CfhDetail({
disabled={isPending}
onClick={() =>
run(() => quickKick({ userId: reported.id }), {
successMessage: "User kicked",
successMessage: 'User kicked',
})
}
>
@@ -200,9 +206,10 @@ export function CfhDetail({
className="flex-1"
disabled={isPending}
onClick={() =>
run(() => quickMute({ userId: reported.id, duration: muteDuration }), {
successMessage: `Muted for ${muteDuration}min`,
})
run(
() => quickMute({ userId: reported.id, duration: muteDuration }),
{ successMessage: `Muted for ${muteDuration}min` },
)
}
>
<VolumeX className="mr-1 h-3 w-3" /> Mute
@@ -231,10 +238,13 @@ export function CfhDetail({
className="shrink-0"
disabled={isPending || !alertMsg.trim()}
onClick={() => {
run(() => quickAlert({ userId: reported.id, message: alertMsg.trim() }), {
successMessage: "Alert sent",
onSuccess: () => setAlertMsg(""),
});
run(
() => quickAlert({ userId: reported.id, message: alertMsg.trim() }),
{
successMessage: 'Alert sent',
onSuccess: () => setAlertMsg(''),
},
)
}}
>
Alert
@@ -263,9 +273,10 @@ export function CfhDetail({
<div className="divide-y divide-border">
{banHistory.recent.map((ban) => (
<div key={ban.id} className="py-2 first:pt-0 last:pb-0 text-xs">
<p className="font-medium">{ban.reason || "No reason"}</p>
<p className="font-medium">{ban.reason || 'No reason'}</p>
<p className="text-muted-foreground">
{ban.type} · by {ban.staff} · {new Date(ban.timestamp * 1000).toLocaleDateString()}
{ban.type} · by {ban.staff} ·{' '}
{new Date(ban.timestamp * 1000).toLocaleDateString()}
</p>
</div>
))}
@@ -290,7 +301,7 @@ export function CfhDetail({
value={String(ticket.state)}
onValueChange={(v) =>
run(() => updateCfhState({ ticketId: ticket.id, state: Number(v) }), {
successMessage: "Status updated",
successMessage: 'Status updated',
})
}
>
@@ -318,7 +329,7 @@ export function CfhDetail({
disabled={isPending}
onClick={() =>
run(() => assignCfhTicket({ ticketId: ticket.id }), {
successMessage: "Assigned to you",
successMessage: 'Assigned to you',
})
}
>
@@ -332,7 +343,7 @@ export function CfhDetail({
disabled={isPending || ticket.state === 2}
onClick={() =>
run(() => closeCfhTicket({ ticketId: ticket.id }), {
successMessage: "Ticket closed",
successMessage: 'Ticket closed',
})
}
>
@@ -393,5 +404,5 @@ export function CfhDetail({
</div>
</div>
</div>
);
)
}
src/app/admin/moderation/cfh/[id]/page.tsx
+19 -19
View File
@@ -1,23 +1,23 @@
import { notFound, redirect } from "next/navigation";
import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
import { prisma } from "@/lib/prisma";
import { CfhDetail } from "./cfh-detail";
import { notFound, redirect } from 'next/navigation'
import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
import { prisma } from '@/lib/prisma'
import { CfhDetail } from './cfh-detail'
export default async function CfhDetailPage({ params }: { params: Promise<{ id: string }> }) {
const { session, permissions } = await getAdminContext();
if (!canAccess(permissions, PERMS.MODERATION_VIEW, session.user.rank)) redirect("/admin");
const { session, permissions } = await getAdminContext()
if (!canAccess(permissions, PERMS.MODERATION_VIEW, session.user.rank)) redirect('/admin')
const { id } = await params;
const ticketId = Number(id);
if (Number.isNaN(ticketId)) notFound();
const { id } = await params
const ticketId = Number(id)
if (Number.isNaN(ticketId)) notFound()
const ticket = await prisma.supportTickets.findUnique({ where: { id: ticketId } });
if (!ticket) notFound();
const ticket = await prisma.supportTickets.findUnique({ where: { id: ticketId } })
if (!ticket) notFound()
const canEdit = canAccess(permissions, PERMS.MODERATION_EDIT, session.user.rank);
const canEdit = canAccess(permissions, PERMS.MODERATION_EDIT, session.user.rank)
// Fetch sender, reported, mod info
const userIds = [ticket.senderId, ticket.reportedId, ticket.modId].filter(Boolean);
const userIds = [ticket.senderId, ticket.reportedId, ticket.modId].filter(Boolean)
const users =
userIds.length > 0
? await prisma.user.findMany({
@@ -32,21 +32,21 @@ export default async function CfhDetailPage({ params }: { params: Promise<{ id:
mail: true,
},
})
: [];
const userMap = Object.fromEntries(users.map((u) => [u.id, u]));
: []
const userMap = Object.fromEntries(users.map((u) => [u.id, u]))
// Get ban/mute history for reported user
const reportedId = ticket.reportedId;
const reportedId = ticket.reportedId
const [banCount, recentBans] = reportedId
? await Promise.all([
prisma.ban.count({ where: { userId: reportedId } }),
prisma.ban.findMany({
where: { userId: reportedId },
orderBy: { id: "desc" },
orderBy: { id: 'desc' },
take: 5,
}),
])
: [0, []];
: [0, []]
return (
<CfhDetail
@@ -76,5 +76,5 @@ export default async function CfhDetailPage({ params }: { params: Promise<{ id:
canEdit={canEdit}
currentUserId={session.user.id}
/>
);
)
}
src/app/admin/moderation/cfh/page.tsx
+40 -42
View File
@@ -1,44 +1,40 @@
import { AlertTriangle, CheckCircle2, Clock, Radio } from "lucide-react";
import Link from "next/link";
import { redirect } from "next/navigation";
import { Badge } from "@/components/ui/badge";
import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
import { prisma } from "@/lib/prisma";
import { AlertTriangle, CheckCircle2, Clock, Radio } from 'lucide-react'
import Link from 'next/link'
import { redirect } from 'next/navigation'
import { Badge } from '@/components/ui/badge'
import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
import { prisma } from '@/lib/prisma'
const CFH_STATES: Record<number, { label: string; class: string; icon: typeof AlertTriangle }> = {
0: {
label: "Open",
class: "bg-[var(--admin-error-subtle)] text-[var(--admin-error)]",
icon: AlertTriangle,
},
1: { label: "Picked", class: "bg-[var(--admin-warning-subtle)] text-[var(--admin-warning)]", icon: Clock },
2: { label: "Closed", class: "bg-muted text-muted-foreground", icon: CheckCircle2 },
};
0: { label: 'Open', class: 'bg-[var(--admin-error-subtle)] text-[var(--admin-error)]', icon: AlertTriangle },
1: { label: 'Picked', class: 'bg-[var(--admin-warning-subtle)] text-[var(--admin-warning)]', icon: Clock },
2: { label: 'Closed', class: 'bg-muted text-muted-foreground', icon: CheckCircle2 },
}
interface PageProps {
searchParams: Promise<{ state?: string; page?: string }>;
searchParams: Promise<{ state?: string; page?: string }>
}
export default async function CfhListPage({ searchParams }: PageProps) {
const { session, permissions } = await getAdminContext();
if (!canAccess(permissions, PERMS.MODERATION_VIEW, session.user.rank)) redirect("/admin");
const { session, permissions } = await getAdminContext()
if (!canAccess(permissions, PERMS.MODERATION_VIEW, session.user.rank)) redirect('/admin')
const sp = await searchParams;
const stateFilter = sp.state !== undefined ? Number(sp.state) : -1;
const page = Math.max(1, Number(sp.page) || 1);
const perPage = 25;
const sp = await searchParams
const stateFilter = sp.state !== undefined ? Number(sp.state) : -1
const page = Math.max(1, Number(sp.page) || 1)
const perPage = 25
const where = stateFilter >= 0 ? { state: stateFilter } : {};
const where = stateFilter >= 0 ? { state: stateFilter } : {}
const [tickets, total] = await Promise.all([
prisma.supportTickets.findMany({
where,
orderBy: { id: "desc" },
orderBy: { id: 'desc' },
skip: (page - 1) * perPage,
take: perPage,
}),
prisma.supportTickets.count({ where }),
]);
])
// Fetch all related users
const userIds = [
@@ -47,7 +43,7 @@ export default async function CfhListPage({ searchParams }: PageProps) {
...tickets.map((t) => t.reportedId),
...tickets.map((t) => t.modId),
]),
].filter(Boolean);
].filter(Boolean)
const users =
userIds.length > 0
@@ -55,10 +51,10 @@ export default async function CfhListPage({ searchParams }: PageProps) {
where: { id: { in: userIds } },
select: { id: true, username: true },
})
: [];
const userMap = new Map(users.map((u) => [u.id, u.username]));
: []
const userMap = new Map(users.map((u) => [u.id, u.username]))
const totalPages = Math.ceil(total / perPage);
const totalPages = Math.ceil(total / perPage)
return (
<div className="space-y-6">
@@ -70,13 +66,13 @@ export default async function CfhListPage({ searchParams }: PageProps) {
{/* Filters */}
<div className="flex gap-2">
{[
{ key: -1, label: "All" },
{ key: 0, label: "Open" },
{ key: 1, label: "Picked" },
{ key: 2, label: "Closed" },
{ key: -1, label: 'All' },
{ key: 0, label: 'Open' },
{ key: 1, label: 'Picked' },
{ key: 2, label: 'Closed' },
].map(({ key, label }) => (
<Link key={key} href={`/admin/moderation/cfh${key >= 0 ? `?state=${key}` : ""}`}>
<Badge variant={stateFilter === key ? "default" : "outline"} className="cursor-pointer">
<Link key={key} href={`/admin/moderation/cfh${key >= 0 ? `?state=${key}` : ''}`}>
<Badge variant={stateFilter === key ? 'default' : 'outline'} className="cursor-pointer">
{label}
</Badge>
</Link>
@@ -101,8 +97,8 @@ export default async function CfhListPage({ searchParams }: PageProps) {
</div>
) : (
tickets.map((ticket) => {
const state = CFH_STATES[ticket.state] ?? CFH_STATES[0];
const StateIcon = state.icon;
const state = CFH_STATES[ticket.state] ?? CFH_STATES[0]
const StateIcon = state.icon
return (
<Link
@@ -112,17 +108,19 @@ export default async function CfhListPage({ searchParams }: PageProps) {
>
<span className="text-xs font-mono text-muted-foreground">{ticket.id}</span>
<div className="min-w-0">
<p className="text-sm truncate">{ticket.issue || "No description"}</p>
<p className="text-sm truncate">{ticket.issue || 'No description'}</p>
<p className="text-[10px] text-muted-foreground">
Room #{ticket.roomId} · {new Date(ticket.timestamp * 1000).toLocaleString()}
</p>
</div>
<span className="text-xs whitespace-nowrap">{userMap.get(ticket.senderId) ?? "—"}</span>
<span className="text-xs whitespace-nowrap">
{userMap.get(ticket.senderId) ?? '—'}
</span>
<span className="text-xs whitespace-nowrap font-medium">
{userMap.get(ticket.reportedId) ?? "—"}
{userMap.get(ticket.reportedId) ?? '—'}
</span>
<span className="text-xs text-muted-foreground whitespace-nowrap">
{userMap.get(ticket.modId) ?? "—"}
{userMap.get(ticket.modId) ?? '—'}
</span>
<span
className={`inline-flex items-center gap-1 text-xs font-medium px-2 py-0.5 rounded-full whitespace-nowrap ${state.class}`}
@@ -131,7 +129,7 @@ export default async function CfhListPage({ searchParams }: PageProps) {
{state.label}
</span>
</Link>
);
)
})
)}
</div>
@@ -159,5 +157,5 @@ export default async function CfhListPage({ searchParams }: PageProps) {
</div>
)}
</div>
);
)
}