feat : use cover image guide instead of shit image generater

app/[character]/[page]/opengraph-image.tsx

@@ -1,28 +0,0 @@
-import { connection } from "next/server";
-import { getCachedPublicGuide } from "@/lib/cache/public";
-import {
-  generateOgImage,
-  ogImageContentType,
-  ogImageSize,
-} from "@/lib/og-image";
-
-export const alt = "Buzz Guide character guide";
-export const size = ogImageSize;
-export const contentType = ogImageContentType;
-
-export default async function Image({
-  params,
-}: {
-  params: Promise<{ character: string }>;
-}) {
-  await connection();
-  const guide = await getCachedPublicGuide((await params).character);
-  if (!guide) return new Response("Not found", { status: 404 });
-  return generateOgImage({
-    title: guide.name,
-    sub: guide.overview,
-    characterCard: true,
-    backgroundUrl: guide.character.nameCardImageUrl,
-    characterUrl: guide.character.splashImageUrl ?? guide.character.imageUrl,
-  });
-}

app/[character]/[page]/page.tsx

@@ -11,7 +11,14 @@ export const instant = false;
 export async function generateMetadata({ params }: { params: Params }): Promise<Metadata> {
   const { character } = await params;
   const guide = await getCachedPublicGuide(character);
-  return guide ? { title: `${guide.name}`, description: guide.overview } : { title: "ไม่พบไกด์" };
+  return guide
+    ? {
+        title: `${guide.name}`,
+        description: guide.overview,
+        openGraph: { images: [guide.coverUrl] },
+        twitter: { images: [guide.coverUrl] },
+      }
+    : { title: "ไม่พบไกด์" };
 }
 
 export default async function GuideSectionPage({ params }: { params: Params }) {

app/[character]/opengraph-image.tsx

@@ -1,28 +0,0 @@
-import { connection } from "next/server";
-import { getCachedPublicGuide } from "@/lib/cache/public";
-import {
-  generateOgImage,
-  ogImageContentType,
-  ogImageSize,
-} from "@/lib/og-image";
-
-export const alt = "Buzz Guide character guide";
-export const size = ogImageSize;
-export const contentType = ogImageContentType;
-
-export default async function Image({
-  params,
-}: {
-  params: Promise<{ character: string }>;
-}) {
-  await connection();
-  const guide = await getCachedPublicGuide((await params).character);
-  if (!guide) return new Response("Not found", { status: 404 });
-  return generateOgImage({
-    title: guide.name,
-    sub: guide.overview,
-    characterCard: true,
-    backgroundUrl: guide.character.nameCardImageUrl,
-    characterUrl: guide.character.splashImageUrl ?? guide.character.imageUrl,
-  });
-}

app/[character]/page.tsx

@@ -15,7 +15,12 @@ export async function generateMetadata({
 }): Promise<Metadata> {
   const guide = await getCachedPublicGuide((await params).character);
   return guide
-    ? { title: `${guide.name}`, description: guide.overview }
+    ? {
+        title: `${guide.name}`,
+        description: guide.overview,
+        openGraph: { images: [guide.coverUrl] },
+        twitter: { images: [guide.coverUrl] },
+      }
     : { title: "ไม่พบไกด์" };
 }