docs(don): opengraph

app/(ui)/donate/page.tsx

@@ -41,7 +41,7 @@ const { TMN_DEST_PHONE_NUM, SASTIFY_API_PRIVKEY } = process.env as Record<
 >;
 
 export const metadata: Metadata = {
-  title: "โดเนท",
+  title: "โดเนทขึ้นจอ",
 };
 
 type SastifyApiResponse =

app/(ui)/donate/top/opengraph-image.ts

@@ -0,0 +1,16 @@
+import generate from "@/lib/og";
+
+// Image metadata
+export const size = {
+  width: 1222,
+  height: 560,
+};
+
+export const contentType = "image/png";
+
+// Image generation
+export default async function Image() {
+  return generate({ title: "โดเนท", sub: "ท็อป 10 อันดับคนโดเนท" });
+}
+
+export const dynamic = "force-dynamic";

app/(ui)/donate/top/page.tsx

@@ -6,10 +6,16 @@ import { donations } from "@/lib/db/schema";
 import { fileToDataUrl } from "@/lib/utils";
 import { Podium } from "./podium";
 import { TopDonateTable } from "./table";
+import type { Metadata } from "next";
 
 type NumberString = `${number}`;
 type NumberLike = number | NumberString;
 
+export const metadata: Metadata = {
+  title: "โดเนทขึ้นจอ",
+  description: "ท็อป 10 อันดับคนโดเนท",
+};
+
 export default function Page() {
   return (
     <Suspense fallback={<PageSkeleton />}>