feat : add image gen

2026-09-06 00:31:51 +07:00
parent 2de07c4917
commit 201a1478fc
20 changed files with 1172 additions and 1 deletions
@@ -0,0 +1,56 @@
+import { redirect } from "next/navigation";
+import { connection } from "next/server";
+
+import { AdminHeader } from "@/components/admin/admin-header";
+import { OverviewImageGenerator } from "@/components/admin/overview-image-generator";
+import { getAdminSession } from "@/lib/auth/server";
+import { getActiveCatalog } from "@/lib/guides/queries";
+import { elementOrder } from "@/lib/overview-image";
+
+export default async function OverviewImagePage() {
+  await connection();
+  if (!(await getAdminSession())) redirect("/admin/login");
+
+  const catalog = await getActiveCatalog();
+  if (!catalog) redirect("/admin?sync=required");
+
+  const elementIconUrls = Object.fromEntries(
+    elementOrder.map((element) => [
+      element,
+      catalog.characters.find(
+        (character) =>
+          character.element === element && character.elementIconUrl,
+      )?.elementIconUrl ?? null,
+    ]),
+  );
+
+  return (
+    <div className="min-h-svh">
+      <AdminHeader />
+      <main className="mx-auto flex w-full max-w-7xl flex-col gap-8 p-4 sm:p-6 lg:p-8">
+        <header>
+          <p className="text-sm font-medium text-primary">Image generator</p>
+          <h1 className="font-heading text-3xl font-semibold">
+            สร้างภาพ Overview
+          </h1>
+          <p className="mt-2 text-muted-foreground">
+            สร้างและดาวน์โหลดภาพ PNG ขนาด 4K โดยไม่เปลี่ยนภาพใน Guide
+          </p>
+        </header>
+        <OverviewImageGenerator
+          characters={catalog.characters.map((character) => ({
+            key: character.key,
+            name: character.name,
+            aliases: character.aliases,
+            element: character.element,
+            rarity: character.rarity,
+            weaponType: character.weaponType,
+            imageUrl: character.imageUrl,
+            nameCardImageUrl: character.nameCardImageUrl,
+          }))}
+          elementIconUrls={elementIconUrls}
+        />
+      </main>
+    </div>
+  );
+}