89 lines
3.8 KiB
TypeScript
89 lines
3.8 KiB
TypeScript
import { Users, Shield, Settings, BarChart3 } from "lucide-react";
|
|
/**
|
|
* 관리자 메인 페이지
|
|
*/
|
|
export default function AdminPage() {
|
|
return (
|
|
<div className="space-y-6">
|
|
{/* 관리자 기능 카드들 */}
|
|
<div className="grid gap-6 md:grid-cols-2 lg:grid-cols-4">
|
|
<div className="rounded-lg border bg-white p-6 shadow-sm">
|
|
<div className="flex items-center gap-4">
|
|
<div className="flex h-12 w-12 items-center justify-center rounded-lg bg-blue-50">
|
|
<Users className="h-6 w-6 text-blue-600" />
|
|
</div>
|
|
<div>
|
|
<h3 className="font-semibold text-gray-900">사용자 관리</h3>
|
|
<p className="text-sm text-gray-600">사용자 계정 및 권한 관리</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="rounded-lg border bg-white p-6 shadow-sm">
|
|
<div className="flex items-center gap-4">
|
|
<div className="flex h-12 w-12 items-center justify-center rounded-lg bg-green-50">
|
|
<Shield className="h-6 w-6 text-green-600" />
|
|
</div>
|
|
<div>
|
|
<h3 className="font-semibold text-gray-900">권한 관리</h3>
|
|
<p className="text-sm text-gray-600">메뉴 및 기능 권한 설정</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="rounded-lg border bg-white p-6 shadow-sm">
|
|
<div className="flex items-center gap-4">
|
|
<div className="flex h-12 w-12 items-center justify-center rounded-lg bg-purple-50">
|
|
<Settings className="h-6 w-6 text-purple-600" />
|
|
</div>
|
|
<div>
|
|
<h3 className="font-semibold text-gray-900">시스템 설정</h3>
|
|
<p className="text-sm text-gray-600">기본 설정 및 환경 구성</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="rounded-lg border bg-white p-6 shadow-sm">
|
|
<div className="flex items-center gap-4">
|
|
<div className="flex h-12 w-12 items-center justify-center rounded-lg bg-orange-50">
|
|
<BarChart3 className="h-6 w-6 text-orange-600" />
|
|
</div>
|
|
<div>
|
|
<h3 className="font-semibold text-gray-900">통계 및 리포트</h3>
|
|
<p className="text-sm text-gray-600">시스템 사용 현황 분석</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{/* 최근 활동 */}
|
|
<div className="rounded-lg border bg-white p-6 shadow-sm">
|
|
<h3 className="mb-4 text-lg font-semibold">최근 관리자 활동</h3>
|
|
<div className="space-y-4">
|
|
<div className="flex items-center justify-between border-b border-gray-100 py-2 last:border-0">
|
|
<div>
|
|
<p className="font-medium text-gray-900">새로운 사용자 추가</p>
|
|
<p className="text-sm text-gray-600">김철수 사용자가 생성되었습니다.</p>
|
|
</div>
|
|
<span className="text-sm text-gray-500">2분 전</span>
|
|
</div>
|
|
<div className="flex items-center justify-between border-b border-gray-100 py-2 last:border-0">
|
|
<div>
|
|
<p className="font-medium text-gray-900">권한 변경</p>
|
|
<p className="text-sm text-gray-600">이영희 사용자의 권한이 수정되었습니다.</p>
|
|
</div>
|
|
<span className="text-sm text-gray-500">15분 전</span>
|
|
</div>
|
|
<div className="flex items-center justify-between border-b border-gray-100 py-2 last:border-0">
|
|
<div>
|
|
<p className="font-medium text-gray-900">시스템 설정 변경</p>
|
|
<p className="text-sm text-gray-600">비밀번호 정책이 업데이트되었습니다.</p>
|
|
</div>
|
|
<span className="text-sm text-gray-500">1시간 전</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|