feat(ui) : improve guide navigation, signup, and commissions
This commit is contained in:
@@ -10,7 +10,6 @@ import {
|
||||
BookOpenIcon,
|
||||
ClipboardListIcon,
|
||||
MessagesSquareIcon,
|
||||
PlusIcon,
|
||||
SwordsIcon,
|
||||
} from "lucide-react";
|
||||
|
||||
@@ -22,7 +21,7 @@ export function AdminHeader() {
|
||||
const pathname = usePathname();
|
||||
|
||||
return (<>
|
||||
<CommissionPushEntryPrompt scope="admin" />
|
||||
{pathname.startsWith("/admin/commission") && <CommissionPushEntryPrompt scope="admin" />}
|
||||
<header className="border-b bg-background/95 supports-backdrop-filter:backdrop-blur">
|
||||
<div className="mx-auto flex min-h-16 w-full max-w-7xl flex-nowrap items-center gap-2 px-4 py-2 sm:px-6">
|
||||
<Link
|
||||
@@ -33,10 +32,10 @@ export function AdminHeader() {
|
||||
<Image src="/icon.png" alt="" width={36} height={36} className="size-9 object-contain" />
|
||||
<span className="hidden lg:inline">ไกด์เกนชินไม่ใช่เกมมือถือ</span>
|
||||
</Link>
|
||||
<nav aria-label="Admin navigation" className="flex min-w-0 flex-1 items-center gap-1 overflow-x-auto sm:justify-end">
|
||||
<nav aria-label="เมนูแอดมิน" className="flex min-w-0 flex-1 items-center gap-1 overflow-x-auto sm:justify-end">
|
||||
<Button variant={pathname.startsWith("/admin/commission") ? "secondary" : "ghost"}
|
||||
size="sm" nativeButton={false} render={<Link href="/admin/commission" />} aria-label="Commission">
|
||||
<MessagesSquareIcon data-icon="inline-start" /><span className="hidden xl:inline">Commission</span>
|
||||
size="sm" nativeButton={false} render={<Link href="/admin/commission" />} aria-label="คำขอคำนวณทีม">
|
||||
<MessagesSquareIcon data-icon="inline-start" /><span className="hidden xl:inline">คำขอคำนวณทีม</span>
|
||||
</Button>
|
||||
<Button
|
||||
variant={pathname === "/admin/stygian" ? "secondary" : "ghost"}
|
||||
@@ -53,20 +52,20 @@ export function AdminHeader() {
|
||||
size="sm"
|
||||
nativeButton={false}
|
||||
render={<Link href="/admin/activity" />}
|
||||
aria-label="Activity"
|
||||
aria-label="ประวัติการแก้ไข"
|
||||
>
|
||||
<ClipboardListIcon data-icon="inline-start" />
|
||||
<span className="hidden xl:inline">Activity</span>
|
||||
<span className="hidden xl:inline">ประวัติการแก้ไข</span>
|
||||
</Button>
|
||||
<Button
|
||||
variant={pathname === "/admin/glossary" ? "secondary" : "ghost"}
|
||||
size="sm"
|
||||
nativeButton={false}
|
||||
render={<Link href="/admin/glossary" />}
|
||||
aria-label="Glossary"
|
||||
aria-label="คำศัพท์"
|
||||
>
|
||||
<BookOpenIcon data-icon="inline-start" />
|
||||
<span className="hidden xl:inline">Glossary</span>
|
||||
<span className="hidden xl:inline">คำศัพท์</span>
|
||||
</Button>
|
||||
<Button
|
||||
variant={
|
||||
@@ -75,20 +74,20 @@ export function AdminHeader() {
|
||||
size="sm"
|
||||
nativeButton={false}
|
||||
render={<Link href="/admin/image/overview" />}
|
||||
aria-label="Image Generator"
|
||||
aria-label="ส่งออกภาพ"
|
||||
>
|
||||
<ImageIcon data-icon="inline-start" />
|
||||
<span className="hidden xl:inline">Image Generator</span>
|
||||
<span className="hidden xl:inline">ส่งออกภาพ</span>
|
||||
</Button>
|
||||
<Button
|
||||
variant={pathname === "/admin" ? "secondary" : "ghost"}
|
||||
size="sm"
|
||||
nativeButton={false}
|
||||
render={<Link href="/admin" />}
|
||||
aria-label="Dashboard"
|
||||
aria-label="ภาพรวม"
|
||||
>
|
||||
<LayoutDashboardIcon data-icon="inline-start" />
|
||||
<span className="hidden xl:inline">Dashboard</span>
|
||||
<span className="hidden xl:inline">ภาพรวม</span>
|
||||
</Button>
|
||||
|
||||
<Button
|
||||
|
||||
Reference in New Issue
Block a user