From c2af37efaa1bffb1f325f9ed71a5f814d95c6c8c Mon Sep 17 00:00:00 2001
From: gunshiz <spsshop1047@gmail.com>
Date: Sun, 16 Aug 2026 01:12:27 +0700
Subject: [PATCH] feat: add Discord avatar to share header

---
 app/share/layout.tsx | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/app/share/layout.tsx b/app/share/layout.tsx
index 2d2a428..51e1582 100644
--- a/app/share/layout.tsx
+++ b/app/share/layout.tsx
@@ -1,15 +1,26 @@
 import type { Metadata } from "next";
 import Link from "next/link";
+import { getServerSession } from "next-auth";
 import { ArrowLeft, Plus } from "lucide-react";
+import { DropdownMenuAvatar } from "@/components/avatar";
 import { Button } from "@/components/ui/button";
 import { ThemeToggle } from "@/components/theme-toggle";
+import { getSessionDiscordId } from "@/lib/auth/auth";
+import { authOptions } from "@/lib/auth/auth-options";
+import { getDiscordMemberProfile } from "@/lib/discord/discord";
 
 export const metadata: Metadata = {
   title: "Share | Erika!",
   description: "แชร์ข้อความและไฟล์ .txt ผ่านลิงก์สั้น",
 };
 
-export default function ShareLayout({ children }: { children: React.ReactNode }) {
+export default async function ShareLayout({ children }: { children: React.ReactNode }) {
+  const session = await getServerSession(authOptions);
+  const discordId = getSessionDiscordId(session);
+  const profile = discordId
+    ? await getDiscordMemberProfile(discordId)
+    : null;
+
   return (
     <div className="min-h-screen bg-background text-foreground">
       <header className="sticky top-0 z-10 border-b bg-background/90 backdrop-blur">
@@ -31,6 +42,14 @@ export default function ShareLayout({ children }: { children: React.ReactNode })
                 สร้างลิงก์
               </Link>
             </Button>
+            {session?.user && (
+              <DropdownMenuAvatar
+                userName={session.user.name ?? ""}
+                userImage={session.user.image ?? ""}
+                profile={profile}
+                showName={false}
+              />
+            )}
             <ThemeToggle />
           </div>
         </div>