68 lines
3.2 KiB
TypeScript
68 lines
3.2 KiB
TypeScript
import { redirect } from "next/navigation";
|
|
import AdminShell from "@/components/admin/AdminShell";
|
|
import { requireAdminSession } from "@/lib/admin/auth";
|
|
import { listMediaFiles } from "@/lib/admin/media";
|
|
import { getContactInquiries, getRepairInquiries } from "@/lib/admin/store";
|
|
import { getContentSummary } from "@/lib/content/service";
|
|
import { getSmtpSettings, isSmtpConfigured } from "@/lib/mail/config";
|
|
import { appVersion, checkStorage } from "@/lib/runtime/config";
|
|
|
|
function countNew<T extends { status: string }>(items: T[]) {
|
|
return items.filter((item) => item.status === "new").length;
|
|
}
|
|
|
|
export default async function AdminDashboardPage() {
|
|
if (!await requireAdminSession()) redirect("/admin/login");
|
|
let healthStatus = "OK";
|
|
|
|
try {
|
|
await checkStorage();
|
|
} catch {
|
|
healthStatus = "Fehler";
|
|
}
|
|
|
|
const [contacts, repairs, smtpSettings, mediaFiles, contentSummary] = await Promise.all([
|
|
getContactInquiries(),
|
|
getRepairInquiries(),
|
|
getSmtpSettings(),
|
|
listMediaFiles(),
|
|
getContentSummary(),
|
|
]);
|
|
const latest = [...contacts, ...repairs].sort((a, b) => b.createdAt.localeCompare(a.createdAt)).slice(0, 6);
|
|
const contentModified = contentSummary.lastModified ? new Date(contentSummary.lastModified).toLocaleString("de-DE") : "keine Änderung";
|
|
|
|
return (
|
|
<AdminShell>
|
|
<div className="admin-page-head">
|
|
<p className="eyebrow">Administration</p>
|
|
<h1>Dashboard</h1>
|
|
</div>
|
|
<div className="admin-kpis">
|
|
<div className="admin-kpi"><span>Kontaktanfragen</span><strong>{contacts.length}</strong><small>{countNew(contacts)} neu</small></div>
|
|
<div className="admin-kpi"><span>Reparaturanfragen</span><strong>{repairs.length}</strong><small>{countNew(repairs)} neu</small></div>
|
|
<div className="admin-kpi"><span>Medien</span><strong>{mediaFiles.length}</strong><small>im Storage</small></div>
|
|
<div className="admin-kpi"><span>Content</span><strong>{contentSummary.pageCount}</strong><small>{contentModified}</small></div>
|
|
<div className="admin-kpi"><span>SMTP</span><strong>{isSmtpConfigured(smtpSettings) ? "OK" : "Fehlt"}</strong><small>{smtpSettings.lastTestStatus ?? "kein Test"}</small></div>
|
|
<div className="admin-kpi"><span>Version</span><strong>v{appVersion}</strong><small>Website</small></div>
|
|
<div className="admin-kpi"><span>Health</span><strong>{healthStatus}</strong><small>Storage und Runtime</small></div>
|
|
</div>
|
|
<section className="admin-card">
|
|
<h2>Letzte Anfragen</h2>
|
|
<table className="admin-table">
|
|
<thead><tr><th>Datum</th><th>Name</th><th>Typ</th><th>Status</th></tr></thead>
|
|
<tbody>
|
|
{latest.map((item) => (
|
|
<tr key={item.id}>
|
|
<td>{new Date(item.createdAt).toLocaleDateString("de-DE")}</td>
|
|
<td>{item.name}</td>
|
|
<td>{"manufacturer" in item ? "Reparatur" : "Kontakt"}</td>
|
|
<td><span className={`status ${item.status}`}>{item.status}</span></td>
|
|
</tr>
|
|
))}
|
|
{latest.length === 0 && <tr><td colSpan={4}>Noch keine Anfragen vorhanden.</td></tr>}
|
|
</tbody>
|
|
</table>
|
|
</section>
|
|
</AdminShell>
|
|
);
|
|
}
|