(김동한) 메뉴명과 화면 내 h태그 일치 작업

2 files changed, 12 insertions, 6 deletions

diff --git a/components/docu-list-rule/docu-list-rule-client.tsx b/components/docu-list-rule/docu-list-rule-client.tsx
index ae3cdece..587ec7ff 100644
--- a/components/docu-list-rule/docu-list-rule-client.tsx
+++ b/components/docu-list-rule/docu-list-rule-client.tsx
@@ -2,9 +2,10 @@
 import * as React from "react"
 import { useRouter, useParams } from "next/navigation"
 import { ProjectSelector } from "../ProjectSelector"
+import { useTranslation } from "@/i18n/client"
 
 interface DocuListRuleClientProps {
-    children: React.ReactNode
+    children: React.ReactNode;
 }
 
 export default function DocuListRuleClient({
@@ -13,7 +14,7 @@ export default function DocuListRuleClient({
     const router = useRouter()
     const params = useParams()
     const lng = (params?.lng as string) || "ko"
-    
+    const { t } = useTranslation(lng, 'menu')
     // Get the projectId from route parameters
     const projectIdFromUrl = React.useMemo(() => {
         if (params?.projectId) {
@@ -53,10 +54,10 @@ export default function DocuListRuleClient({
                 {/* 왼쪽: 타이틀 & 설명 */}
                 <div>
                     <div className="flex items-center gap-2">
-                        <h2 className="text-2xl font-bold tracking-tight">Document Numbering Rule (해양)</h2>
+                        <h2 className="text-2xl font-bold tracking-tight">{t('menu.master_data.document_numbering_rule')}</h2>
                     </div>
                     <p className="text-muted-foreground">
-                        벤더 제출 문서 리스트 작성 시에 사용되는 넘버링
+                    {t('menu.master_data.document_numbering_rule_desc')}
                     </p>
                 </div>
                 
diff --git a/components/items-tech/item-tech-container.tsx b/components/items-tech/item-tech-container.tsx
index 65e4ac93..38750658 100644
--- a/components/items-tech/item-tech-container.tsx
+++ b/components/items-tech/item-tech-container.tsx
@@ -12,6 +12,8 @@ import {
   DropdownMenuTrigger,

 } from "@/components/ui/dropdown-menu"

 import { InformationButton } from "@/components/information/information-button"

+import { useTranslation } from "@/i18n/client"

+import { useParams } from "next/navigation"

 interface ItemType {

   id: string

   name: string

@@ -29,7 +31,10 @@ export function ItemTechContainer({
   const router = useRouter()

   const pathname = usePathname()

   const searchParamsObj = useSearchParams()

-  

+

+  const params = useParams<{lng: string}>()

+  const lng = params?.lng ?? 'ko'

+  const {t} = useTranslation(lng, 'menu')

   // useSearchParams를 메모이제이션하여 안정적인 참조 생성

   const searchParams = React.useMemo(

     () => searchParamsObj || new URLSearchParams(),

@@ -57,7 +62,7 @@ export function ItemTechContainer({
         {/* 왼쪽: 타이틀 & 설명 */}

         <div>

           <div className="flex items-center gap-2">

-            <h2 className="text-2xl font-bold tracking-tight">자재 관리</h2>

+            <h2 className="text-2xl font-bold tracking-tight">{t('menu.tech_sales.items')}</h2>

             <InformationButton pagePath="evcp/items-tech" />

           </div>

           {/* <p className="text-muted-foreground">