From 391c4ddeb9a5192dd3c06caaf4c6f9fe60beee86 Mon Sep 17 00:00:00 2001
From: gunshiz <spsshop1047@gmail.com>
Date: Thu, 17 Sep 2026 18:49:35 +0700
Subject: [PATCH] fix : use ghost variant for nav button to dashboard

---
 app/admin/[character]/[page]/page.tsx | 2 +-
 app/admin/[character]/page.tsx        | 2 +-
 app/admin/create/page.tsx             | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/admin/[character]/[page]/page.tsx b/app/admin/[character]/[page]/page.tsx
index 579f24e..9edf081 100644
--- a/app/admin/[character]/[page]/page.tsx
+++ b/app/admin/[character]/[page]/page.tsx
@@ -66,7 +66,7 @@ export default async function StructuredEditorPage({
       <main className="mx-auto flex w-full max-w-6xl flex-col gap-6 p-4 sm:p-6 lg:p-8">
         <header className="flex items-center gap-4">
           <Button
-            variant="outline"
+            variant="ghost"
             size="icon"
             render={<Link href="/admin" />}
             nativeButton={false}
diff --git a/app/admin/[character]/page.tsx b/app/admin/[character]/page.tsx
index c4ea50c..ee5d645 100644
--- a/app/admin/[character]/page.tsx
+++ b/app/admin/[character]/page.tsx
@@ -40,7 +40,7 @@ export default async function GuideOverviewPage({ params }: { params: Promise<{
       <AdminHeader />
       <main className="mx-auto flex w-full max-w-6xl flex-col gap-8 p-4 sm:p-6 lg:p-8">
         <header className="flex flex-wrap items-center gap-4">
-          <Button variant="outline" size="icon" render={<Link href="/admin" />} nativeButton={false} aria-label="กลับ Dashboard">
+          <Button variant="ghost" size="icon" render={<Link href="/admin" />} nativeButton={false} aria-label="กลับ Dashboard">
             <ArrowLeftIcon />
           </Button>
           <div className="relative size-16 overflow-hidden rounded-lg border">
diff --git a/app/admin/create/page.tsx b/app/admin/create/page.tsx
index 82f834b..724e78d 100644
--- a/app/admin/create/page.tsx
+++ b/app/admin/create/page.tsx
@@ -19,7 +19,7 @@ export default async function CreateGuidePage() {
       <AdminHeader />
       <main className="mx-auto flex w-full max-w-7xl flex-col gap-8 p-4 sm:p-6 lg:p-8">
         <header className="flex items-center gap-4">
-          <Button variant="outline" size="icon" render={<Link href="/admin" />} nativeButton={false} aria-label="กลับ Dashboard"><ArrowLeftIcon /></Button>
+          <Button variant="ghost" size="icon" render={<Link href="/admin" />} nativeButton={false} aria-label="กลับ Dashboard"><ArrowLeftIcon /></Button>
           <div><p className="text-sm text-muted-foreground">Catalog ล่าสุดจาก Lunaris</p><h1 className="font-heading text-3xl font-semibold">สร้าง Guide ใหม่</h1></div>
         </header>
         <CreateGuideFlow characters={catalog.characters} existingKeys={guides.map((guide) => guide.characterKey)} />