fix: add dos sidebar category translate #141

apache · Feb 29, 2024 · 60fefee · 60fefee
1 parent 9ba0fb8
commit 60fefee
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 3 deletions.
diff --git a/i18n/zh-CN/code.json b/i18n/zh-CN/code.json
@@ -574,5 +574,14 @@
   },
   "plugins.instruction.join": {
     "message": "加入我们的社区"
+  },
+  "docs.sidebar.tutorialSidebar.category.Getting Started": {
+    "message": "入门"
+  },
+  "docs.sidebar.tutorialSidebar.category.User Guides": {
+    "message": "用户指南"
+  },
+  "docs.sidebar.tutorialSidebar.category.Developer Guides": {
+    "message": "开发者指南"
   }
 }
diff --git a/i18n/zh-CN/docusaurus-plugin-content-docs/current.json b/i18n/zh-CN/docusaurus-plugin-content-docs/current.json
@@ -23,9 +23,9 @@
     "message": "贡献",
     "description": "The label for category Contributing in sidebar tutorialSidebar"
   },
-  "sidebar.tutorialSidebar.link.Getting Started": {
+  "sidebar.tutorialSidebar.category.Getting Started": {
     "message": "入门",
-    "description": "The label for link Getting Started in sidebar tutorialSidebar, linking to #"
+    "description": "The label for category Contents Management in sidebar tutorialSidebar"
   },
   "sidebar.tutorialSidebar.link.Recipes": {
     "message": "教程",

diff --git a/src/theme/DocSidebarItem/Category/index.tsx b/src/theme/DocSidebarItem/Category/index.tsx
@@ -80,6 +80,7 @@ function CollapseButton({
   categoryLabel: string;
   onClick: ComponentProps<'button'>['onClick'];
 }) {
+  console.log('categoryLabel', categoryLabel);
   return (
     <button
       aria-label={
@@ -156,6 +157,8 @@ export default function DocSidebarItemCategory({
     }
   }, [collapsible, expandedItem, index, setCollapsed, autoCollapseCategories]);
 
+  console.log('collapsed', item);
+
   return (
     <li
       className={clsx(
@@ -196,7 +199,11 @@ export default function DocSidebarItemCategory({
           aria-expanded={collapsible ? !collapsed : undefined}
           href={collapsible ? hrefWithSSRFallback ?? '#' : hrefWithSSRFallback}
           {...props}>
-          {label}
+          {translate({
+                id: `docs.sidebar.tutorialSidebar.category.${label}`,
+                message: label,
+              },
+              {label: label},)}
         </Link>
         {href && collapsible && (
           <CollapseButton