From 02b1cf005cf3e1df64183d20ba42930eb2767a9f Mon Sep 17 00:00:00 2001
From: dujinkim <dujin.kim@dtsolution.co.kr>
Date: Thu, 21 Aug 2025 06:57:36 +0000
Subject: (대표님, 최겸) 설계메뉴추가, 작업사항 업데이트 설계메뉴 - 문서관리
 설계메뉴 - 벤더 데이터 gtc 메뉴 업데이트 정보시스템 - 메뉴리스트 및 정보
 업데이트 파일 라우트 업데이트 엑셀임포트 개선 기본계약 개선 벤더 가입과정
 변경 및 개선 벤더 기본정보 - pq 돌체 오류 수정 및 개선 벤더 로그인 과정
 이메일 오류 수정
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/notice/notice-client.tsx        | 37 ++++++++++++++++++++++++++----
 components/notice/notice-create-dialog.tsx | 22 +++++++++++++++++-
 components/notice/notice-edit-sheet.tsx    | 23 ++++++++++++++++++-
 3 files changed, 76 insertions(+), 6 deletions(-)

(limited to 'components/notice')

diff --git a/components/notice/notice-client.tsx b/components/notice/notice-client.tsx
index e32a40c9..e5c05d84 100644
--- a/components/notice/notice-client.tsx
+++ b/components/notice/notice-client.tsx
@@ -1,6 +1,8 @@
 "use client"
 
 import { useState, useEffect, useTransition } from "react"
+import { useParams } from "next/navigation"
+import { useTranslation } from "@/i18n/client"
 import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
 import {
@@ -55,6 +57,25 @@ type SortField = "title" | "pagePath" | "createdAt"
 type SortDirection = "asc" | "desc"
 
 export function NoticeClient({ initialData = [], currentUserId }: NoticeClientProps) {
+  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 [notices, setNotices] = useState<NoticeWithAuthor[]>(initialData)
   const [loading, setLoading] = useState(false)
   const [searchQuery, setSearchQuery] = useState("")
@@ -172,7 +193,7 @@ export function NoticeClient({ initialData = [], currentUserId }: NoticeClientPr
       const paths = await getPagePathList()
       const options = paths.map(path => ({
         value: path.pagePath,
-        label: `${path.pageName} (${path.pagePath})`
+        label: path.pageName // i18n 키를 그대로 저장 (화면에서 번역)
       }))
       setPagePathOptions(options)
     } catch (error) {
@@ -325,9 +346,17 @@ export function NoticeClient({ initialData = [], currentUserId }: NoticeClientPr
                     </div>
                   </TableCell>
                   <TableCell>
-                    <span className="font-mono text-sm max-w-[200px] truncate block">
-                      {notice.pagePath}
-                    </span>
+                    <div className="max-w-[200px]">
+                      <div className="font-mono text-xs text-muted-foreground truncate">
+                        {notice.pagePath}
+                      </div>
+                      <div className="text-sm truncate">
+                        {(() => {
+                          const pageOption = pagePathOptions.find(opt => opt.value === notice.pagePath)
+                          return pageOption ? safeTranslate(pageOption.label) : notice.pagePath
+                        })()}
+                      </div>
+                    </div>
                   </TableCell>
                   <TableCell>
                     <div className="flex flex-col">
diff --git a/components/notice/notice-create-dialog.tsx b/components/notice/notice-create-dialog.tsx
index e3ce16a1..21cd46f6 100644
--- a/components/notice/notice-create-dialog.tsx
+++ b/components/notice/notice-create-dialog.tsx
@@ -4,6 +4,8 @@ import * as React from "react"
 import { useState } from "react"
 import { zodResolver } from "@hookform/resolvers/zod"
 import { useForm } from "react-hook-form"
+import { useParams } from "next/navigation"
+import { useTranslation } from "@/i18n/client"
 import { toast } from "sonner"
 import { Loader } from "lucide-react"
 import { Button } from "@/components/ui/button"
@@ -49,6 +51,24 @@ export function NoticeCreateDialog({
   currentUserId,
   onSuccess,
 }: NoticeCreateDialogProps) {
+  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 [isLoading, setIsLoading] = useState(false)
 
   const form = useForm<CreateNoticeSchema>({
@@ -127,7 +147,7 @@ export function NoticeCreateDialog({
                       <SelectContent>
                         {pagePathOptions.map((option) => (
                           <SelectItem key={option.value} value={option.value}>
-                            {option.label}
+                            {safeTranslate(option.label)}
                           </SelectItem>
                         ))}
                       </SelectContent>
diff --git a/components/notice/notice-edit-sheet.tsx b/components/notice/notice-edit-sheet.tsx
index 91bcae3b..dc83d23a 100644
--- a/components/notice/notice-edit-sheet.tsx
+++ b/components/notice/notice-edit-sheet.tsx
@@ -3,6 +3,8 @@
 import * as React from "react"
 import { zodResolver } from "@hookform/resolvers/zod"
 import { useForm } from "react-hook-form"
+import { useParams } from "next/navigation"
+import { useTranslation } from "@/i18n/client"
 import { toast } from "sonner"
 
 import { Button } from "@/components/ui/button"
@@ -57,6 +59,25 @@ export function UpdateNoticeSheet({
   pagePathOptions, 
   onSuccess 
 }: UpdateNoticeSheetProps) {
+  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 [isUpdatePending, startUpdateTransition] = React.useTransition()
 
   const form = useForm<UpdateNoticeSchema>({
@@ -149,7 +170,7 @@ export function UpdateNoticeSheet({
                     <SelectContent>
                       {pagePathOptions.map((option) => (
                         <SelectItem key={option.value} value={option.value}>
-                          {option.label}
+                          {safeTranslate(option.label)}
                         </SelectItem>
                       ))}
                     </SelectContent>
-- 
cgit v1.2.3