tomodachi-share/src/app/admin/page.tsx
2025-05-25 22:16:41 +01:00

69 lines
2 KiB
TypeScript

import { Metadata } from "next";
import { redirect } from "next/navigation";
import { auth } from "@/lib/auth";
import BannerForm from "@/components/admin/banner-form";
import ControlCenter from "@/components/admin/control-center";
import UserManagement from "@/components/admin/user-management";
import Reports from "@/components/admin/reports";
export const metadata: Metadata = {
title: "Admin - TomodachiShare",
description: "TomodachiShare admin panel",
robots: {
index: false,
follow: false,
},
};
export default async function AdminPage() {
const session = await auth();
if (!session || Number(session.user.id) !== Number(process.env.NEXT_PUBLIC_ADMIN_USER_ID)) redirect("/404");
return (
<div className="bg-amber-50 border-2 border-amber-500 rounded-2xl shadow-lg p-4 flex flex-col gap-4">
<div>
<h2 className="text-2xl font-bold">Admin Panel</h2>
<p className="text-sm text-zinc-500">View reports, set banners, etc.</p>
</div>
{/* Separator */}
<div className="flex items-center gap-4 text-zinc-500 text-sm font-medium my-1">
<hr className="flex-grow border-zinc-300" />
<span>Banners</span>
<hr className="flex-grow border-zinc-300" />
</div>
<BannerForm />
{/* Separator */}
<div className="flex items-center gap-4 text-zinc-500 text-sm font-medium my-1">
<hr className="flex-grow border-zinc-300" />
<span>Control Center</span>
<hr className="flex-grow border-zinc-300" />
</div>
<ControlCenter />
{/* Separator */}
<div className="flex items-center gap-4 text-zinc-500 text-sm font-medium my-1">
<hr className="flex-grow border-zinc-300" />
<span>User Management</span>
<hr className="flex-grow border-zinc-300" />
</div>
<UserManagement />
{/* Separator */}
<div className="flex items-center gap-4 text-zinc-500 text-sm font-medium my-1">
<hr className="flex-grow border-zinc-300" />
<span>Reports</span>
<hr className="flex-grow border-zinc-300" />
</div>
<Reports />
</div>
);
}