simoleo
e004dfedaf
Internationalised the ~44 public pages with next-intl (the shell was already translated). Each page now pulls its copy from a "pages.<slug>" namespace via getTranslations (server) / useTranslations (client); the EN + IT catalogs were authored by parallel agents and merged centrally, with natural Italian (ICU plurals) and it backfilled from en for any gap. request.ts gained getMessageFallback/onError so a missing key degrades to the English value, never a raw key. Behaviour unchanged (only display text moved to t() calls; queries, actions, fields, ContentCard structure preserved). Verified on the prod server: with NEXT_LOCALE=it, home/community/staff/news/shop/rankings all render Italian copy, no raw-key leakage; English unchanged. The nav language switcher toggles EN/IT live. tsc 0, vitest 49/49, next build 0. Admin pages intentionally left in English (staff tooling).
109 lines
3.4 KiB
TypeScript
109 lines
3.4 KiB
TypeScript
import { getTranslations } from "next-intl/server";
|
|
import { redirect } from "next/navigation";
|
|
import { createTicket } from "@/actions/help-tickets";
|
|
import { ContentCard, EmptyState, StatBlock } from "@/components/public/ui";
|
|
import { auth } from "@/lib/auth";
|
|
import { prisma } from "@/lib/prisma";
|
|
|
|
export const dynamic = "force-dynamic";
|
|
|
|
function formatDate(d: Date | null): string {
|
|
return d ? d.toISOString().slice(0, 16).replace("T", " ") : "";
|
|
}
|
|
|
|
export default async function HelpTicketsPage() {
|
|
const session = await auth();
|
|
if (!session?.user?.id) redirect("/login");
|
|
|
|
const t = await getTranslations("pages.helpTickets");
|
|
|
|
const userId = Number(session.user.id);
|
|
|
|
let tickets: Awaited<ReturnType<typeof prisma.websiteHelpCenterTickets.findMany>> = [];
|
|
try {
|
|
tickets = await prisma.websiteHelpCenterTickets.findMany({
|
|
where: { userId },
|
|
orderBy: { createdAt: "desc" },
|
|
take: 100,
|
|
});
|
|
} catch {
|
|
tickets = [];
|
|
}
|
|
|
|
const openCount = tickets.filter((t) => t.open).length;
|
|
const closedCount = tickets.length - openCount;
|
|
|
|
return (
|
|
<main style={{ display: "grid", gap: "1.5rem" }}>
|
|
<ContentCard
|
|
icon="🎫"
|
|
title={t("title")}
|
|
subtitle={t("subtitle")}
|
|
>
|
|
<div className="stat-grid">
|
|
<StatBlock icon="🎫" value={tickets.length} label={t("statTotal")} />
|
|
<StatBlock icon="📬" value={openCount} label={t("statOpen")} />
|
|
<StatBlock icon="✅" value={closedCount} label={t("statClosed")} />
|
|
</div>
|
|
</ContentCard>
|
|
|
|
<ContentCard icon="✏️" title={t("newTitle")} subtitle={t("newSubtitle")}>
|
|
<form action={createTicket}>
|
|
<div style={{ display: "flex", flexDirection: "column", gap: "0.6rem" }}>
|
|
<input name="title" placeholder={t("subjectPlaceholder")} maxLength={255} required />
|
|
<textarea
|
|
name="content"
|
|
placeholder={t("contentPlaceholder")}
|
|
rows={5}
|
|
maxLength={5000}
|
|
required
|
|
/>
|
|
<div>
|
|
<button type="submit" className="btn btn-primary">
|
|
{t("submit")}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</ContentCard>
|
|
|
|
<ContentCard
|
|
icon="📋"
|
|
title={t("listTitle")}
|
|
subtitle={t("listSubtitle")}
|
|
padded={tickets.length === 0}
|
|
>
|
|
{tickets.length === 0 ? (
|
|
<EmptyState icon="🎫">{t("listEmpty")}</EmptyState>
|
|
) : (
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>{t("colId")}</th>
|
|
<th>{t("colSubject")}</th>
|
|
<th>{t("colStatus")}</th>
|
|
<th>{t("colCreated")}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{tickets.map((t2) => (
|
|
<tr key={String(t2.id)}>
|
|
<td>{String(t2.id)}</td>
|
|
<td>{t2.title}</td>
|
|
<td>
|
|
<span className={`online-badge${t2.open ? " online" : ""}`}>
|
|
<span className="online-dot" aria-hidden />
|
|
{t2.open ? t("statusOpen") : t("statusClosed")}
|
|
</span>
|
|
</td>
|
|
<td className="muted">{formatDate(t2.createdAt)}</td>
|
|
</tr>
|
|
))}
|
|
</tbody>
|
|
</table>
|
|
)}
|
|
</ContentCard>
|
|
</main>
|
|
);
|
|
}
|