File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
import { logout } from '@/app/(protected)/_actions';
interface AdminHeaderProps {
onOpenSidebar: () => void;
onToggleSidebarCollapse: () => void;
}
export function AdminHeader({
onOpenSidebar,
onToggleSidebarCollapse,
}: AdminHeaderProps) {
return (
<header className="flex items-center justify-between border-b border-foreground/15 bg-background px-6 py-4">
<div className="flex items-center gap-3">
{/* 모바일 전용 — 사이드바를 오버레이로 연다 */}
<button
type="button"
aria-label="사이드바 열기"
onClick={onOpenSidebar}
className="border border-foreground/25 px-2 py-1 text-sm text-foreground md:hidden"
>
메뉴
</button>
{/* 데스크톱 전용 — 사이드바를 접거나 펼친다 */}
<button
type="button"
aria-label="사이드바 접기/펼치기"
onClick={onToggleSidebarCollapse}
className="hidden border border-foreground/25 px-2 py-1 text-sm text-foreground md:inline-flex"
>
메뉴
</button>
<span className="text-base font-semibold text-foreground">
에듀페이 관리자
</span>
</div>
<form action={logout}>
<button
type="submit"
className="border border-foreground/25 px-3 py-1.5 text-sm text-foreground"
>
로그아웃
</button>
</form>
</header>
);
}