From ae662bff780f089850aa6d0eca2581b16aad8478 Mon Sep 17 00:00:00 2001
From: ngc2207 <cfngc3109@gmail.com>
Date: Thu, 12 Dec 2024 20:59:15 +0800
Subject: [PATCH] feat(i18n): update NavProjects component for
 internationalization support

---
 messages/en-US.json             |  7 +++++++
 messages/zh-CN.json             |  7 +++++++
 src/components/nav-projects.tsx | 14 ++++++++------
 3 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/messages/en-US.json b/messages/en-US.json
index 5ce9c45..08c84e7 100644
--- a/messages/en-US.json
+++ b/messages/en-US.json
@@ -11,6 +11,13 @@
             "settings": "Settings",
             "logout": "Log out",
             "login": "Log in"
+        },
+        "NavProjects": {
+            "projects": "Projects",
+            "viewProject": "View Project",
+            "shareProject": "Share Project",
+            "deleteProject": "Delete Project",
+            "more": "More"
         }
     }
 }
\ No newline at end of file
diff --git a/messages/zh-CN.json b/messages/zh-CN.json
index 1ea6175..e1090cc 100644
--- a/messages/zh-CN.json
+++ b/messages/zh-CN.json
@@ -11,6 +11,13 @@
             "settings": "设置",
             "logout": "登出",
             "login": "登录"
+        },
+        "NavProjects": {
+            "projects": "项目",
+            "viewProject": "查看项目",
+            "shareProject": "分享项目",
+            "deleteProject": "删除项目",
+            "more": "更多"
         }
     }
 }
\ No newline at end of file
diff --git a/src/components/nav-projects.tsx b/src/components/nav-projects.tsx
index 15962a3..73eed41 100644
--- a/src/components/nav-projects.tsx
+++ b/src/components/nav-projects.tsx
@@ -23,6 +23,7 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
+import { useTranslations } from "next-intl";
 
 export function NavProjects({
   projects,
@@ -34,10 +35,11 @@ export function NavProjects({
   }[];
 }) {
   const { isMobile } = useSidebar();
+  const t = useTranslations("Components.NavProjects");
 
   return (
     <SidebarGroup className="group-data-[collapsible=icon]:hidden">
-      <SidebarGroupLabel>Projects</SidebarGroupLabel>
+      <SidebarGroupLabel>{t("projects")}</SidebarGroupLabel>
       <SidebarMenu>
         {projects.map((item) => (
           <SidebarMenuItem key={item.name}>
@@ -51,7 +53,7 @@ export function NavProjects({
               <DropdownMenuTrigger asChild>
                 <SidebarMenuAction showOnHover>
                   <MoreHorizontal />
-                  <span className="sr-only">More</span>
+                  <span className="sr-only">{t("more")}</span>
                 </SidebarMenuAction>
               </DropdownMenuTrigger>
               <DropdownMenuContent
@@ -61,16 +63,16 @@ export function NavProjects({
               >
                 <DropdownMenuItem>
                   <Folder className="text-muted-foreground" />
-                  <span>View Project</span>
+                  <span>{t("viewProject")}</span>
                 </DropdownMenuItem>
                 <DropdownMenuItem>
                   <Share className="text-muted-foreground" />
-                  <span>Share Project</span>
+                  <span>{t("shareProject")}</span>
                 </DropdownMenuItem>
                 <DropdownMenuSeparator />
                 <DropdownMenuItem>
                   <Trash2 className="text-muted-foreground" />
-                  <span>Delete Project</span>
+                  <span>{t("deleteProject")}</span>
                 </DropdownMenuItem>
               </DropdownMenuContent>
             </DropdownMenu>
@@ -79,7 +81,7 @@ export function NavProjects({
         <SidebarMenuItem>
           <SidebarMenuButton>
             <MoreHorizontal />
-            <span>More</span>
+            <span>{t("more")}</span>
           </SidebarMenuButton>
         </SidebarMenuItem>
       </SidebarMenu>