diff --git a/frontend/components/admin/department/DepartmentManagement.tsx b/frontend/components/admin/department/DepartmentManagement.tsx index b2916374..abad5fe6 100644 --- a/frontend/components/admin/department/DepartmentManagement.tsx +++ b/frontend/components/admin/department/DepartmentManagement.tsx @@ -1,11 +1,14 @@ "use client"; -import { useState } from "react"; +import { useState, useEffect } from "react"; +import { useRouter } from "next/navigation"; import { Button } from "@/components/ui/button"; import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; +import { ArrowLeft } from "lucide-react"; import { DepartmentStructure } from "./DepartmentStructure"; import { DepartmentMembers } from "./DepartmentMembers"; import type { Department } from "@/types/department"; +import { getCompanyList } from "@/lib/api/company"; interface DepartmentManagementProps { companyCode: string; @@ -16,11 +19,45 @@ interface DepartmentManagementProps { * 좌측: 부서 구조, 우측: 부서 인원 */ export function DepartmentManagement({ companyCode }: DepartmentManagementProps) { + const router = useRouter(); const [selectedDepartment, setSelectedDepartment] = useState(null); const [activeTab, setActiveTab] = useState("structure"); + const [companyName, setCompanyName] = useState(""); + + // 회사 정보 로드 + useEffect(() => { + const loadCompanyInfo = async () => { + const response = await getCompanyList(); + if (response.success && response.data) { + const company = response.data.find((c) => c.company_code === companyCode); + if (company) { + setCompanyName(company.company_name); + } + } + }; + loadCompanyInfo(); + }, [companyCode]); + + const handleBackToList = () => { + router.push("/admin/company"); + }; return (
+ {/* 상단 헤더: 회사 정보 + 뒤로가기 */} +
+
+ +
+
+

{companyName || companyCode}

+

부서 관리

+
+
+
{/* 탭 네비게이션 (모바일용) */}
@@ -38,10 +75,7 @@ export function DepartmentManagement({ companyCode }: DepartmentManagementProps) - +
@@ -59,14 +93,9 @@ export function DepartmentManagement({ companyCode }: DepartmentManagementProps) {/* 우측: 부서 인원 (80%) */}
- +
); } - -