1 files changed, 41 insertions, 13 deletions

diff --git a/lib/menu-list/table/menu-list-table.tsx b/lib/menu-list/table/menu-list-table.tsx
index 097be082..dedbc9bf 100644
--- a/lib/menu-list/table/menu-list-table.tsx
+++ b/lib/menu-list/table/menu-list-table.tsx
@@ -3,6 +3,8 @@
 "use client";
 
 import { useState, useMemo } from "react";
+import { useParams } from "next/navigation";
+import { useTranslation } from "@/i18n/client";
 import {
   Table,
   TableBody,
@@ -25,6 +27,7 @@ import { Button } from "@/components/ui/button";
 import { Search, Filter, ExternalLink } from "lucide-react";
 import { toast } from "sonner";
 import { ManagerSelect } from "./manager-select";
+import { InitializeButton } from "./initialize-button";
 import { toggleMenuActive } from "../servcie";
 
 interface MenuAssignment {
@@ -59,6 +62,26 @@ interface MenuListTableProps {
 }
 
 export function MenuListTable({ initialMenus, initialUsers }: MenuListTableProps) {
+  // URL에서 언어 파라미터 가져오기
+  const params = useParams();
+  const lng = (params?.lng as string) || 'ko';
+  const { t } = useTranslation(lng, 'menu');
+  
+  // 안전한 번역 함수 (키가 없을 때 원본 키 반환)
+  const safeTranslate = (key: string): string => {
+    try {
+      const translated = t(key);
+      // 번역 키가 그대로 반환되는 경우 원본 키 사용
+      if (translated === key) {
+        return key;
+      }
+      return translated || key;
+    } catch (error) {
+      console.warn(`Translation failed for key: ${key}`, error);
+      return key;
+    }
+  };
+  
   const [searchQuery, setSearchQuery] = useState("");
   const [domainFilter, setDomainFilter] = useState<string>("all");
   const [sectionFilter, setSectionFilter] = useState<string>("all");
@@ -67,27 +90,31 @@ export function MenuListTable({ initialMenus, initialUsers }: MenuListTableProps
   // 필터링된 메뉴 데이터
   const filteredMenus = useMemo(() => {
     return initialMenus.filter((menu) => {
+      const translatedTitle = safeTranslate(menu.menuTitle);
+      const translatedSection = safeTranslate(menu.sectionTitle);
+      const translatedDescription = menu.menuDescription ? safeTranslate(menu.menuDescription) : '';
+      
       const matchesSearch =
-        menu.menuTitle.toLowerCase().includes(searchQuery.toLowerCase()) ||
+        translatedTitle.toLowerCase().includes(searchQuery.toLowerCase()) ||
         menu.menuPath.toLowerCase().includes(searchQuery.toLowerCase()) ||
-        menu.sectionTitle.toLowerCase().includes(searchQuery.toLowerCase()) ||
-        (menu.menuDescription?.toLowerCase().includes(searchQuery.toLowerCase()) ?? false);
+        translatedSection.toLowerCase().includes(searchQuery.toLowerCase()) ||
+        translatedDescription.toLowerCase().includes(searchQuery.toLowerCase());
 
       const matchesDomain = domainFilter === "all" || menu.domain === domainFilter;
-      const matchesSection = sectionFilter === "all" || menu.sectionTitle === sectionFilter;
+      const matchesSection = sectionFilter === "all" || translatedSection === sectionFilter;
       const matchesStatus = statusFilter === "all" ||
         (statusFilter === "active" && menu.isActive) ||
         (statusFilter === "inactive" && !menu.isActive);
 
       return matchesSearch && matchesDomain && matchesSection && matchesStatus;
     });
-  }, [initialMenus, searchQuery, domainFilter, sectionFilter, statusFilter]);
+  }, [initialMenus, searchQuery, domainFilter, sectionFilter, statusFilter, safeTranslate]);
 
-  // 섹션 리스트 추출
+  // 섹션 리스트 추출 (번역된 이름으로)
   const sections = useMemo(() => {
-    const sectionSet = new Set(initialMenus.map(menu => menu.sectionTitle));
+    const sectionSet = new Set(initialMenus.map(menu => safeTranslate(menu.sectionTitle)));
     return Array.from(sectionSet).sort();
-  }, [initialMenus]);
+  }, [initialMenus, safeTranslate]);
 
   // 도메인별 사용자 필터링
   const getFilteredUsers = (domain: string) => {
@@ -163,12 +190,13 @@ export function MenuListTable({ initialMenus, initialUsers }: MenuListTableProps
         </div>
       </div>
 
-      {/* 결과 요약 */}
+      {/* 결과 요약 및 초기화 버튼 */}
       <div className="flex items-center justify-between text-sm text-muted-foreground">
         <span>
           총 {filteredMenus.length}개의 메뉴
           {searchQuery && ` (${initialMenus.length}개 중 검색 결과)`}
         </span>
+        <InitializeButton />
       </div>
 
       {/* 테이블 */}
@@ -207,13 +235,13 @@ export function MenuListTable({ initialMenus, initialUsers }: MenuListTableProps
                     <TableCell>
                       <div className="space-y-1">
                         <div className="flex items-center gap-2">
-                          <span className="font-medium">{menu.menuTitle}</span>
+                          <span className="font-medium">{(menu as any).translatedMenuTitle || safeTranslate(menu.menuTitle)}</span>
                           <Badge variant="outline" className="text-xs">
-                            {menu.sectionTitle}
+                            {(menu as any).translatedSectionTitle || safeTranslate(menu.sectionTitle)}
                           </Badge>
                           {menu.menuGroup && (
                             <Badge variant="secondary" className="text-xs">
-                              {menu.menuGroup}
+                              {(menu as any).translatedMenuGroup || safeTranslate(menu.menuGroup)}
                             </Badge>
                           )}
                         </div>
@@ -222,7 +250,7 @@ export function MenuListTable({ initialMenus, initialUsers }: MenuListTableProps
                         </div>
                         {menu.menuDescription && (
                           <div className="text-xs text-muted-foreground">
-                            {menu.menuDescription}
+                            {(menu as any).translatedMenuDescription || safeTranslate(menu.menuDescription)}
                           </div>
                         )}
                       </div>