refactor: get sidebar data from json

shervinchen · Jun 16, 2024 · e7575ab · e7575ab
1 parent 4489fe6
commit e7575ab
Show file tree

Hide file tree

Showing 3 changed files with 141 additions and 141 deletions.
diff --git a/data/sidebars.ts b/data/sidebars.ts
diff --git a/src/app/components/sidebar.tsx b/src/app/components/sidebar.tsx
@@ -2,7 +2,7 @@
 
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
-import { SIDEBARS } from '@/data/sidebars';
+import SIDEBARS from '../sidebars.json';
 
 export default function Sidebar() {
   const pathname = usePathname();

diff --git a/src/app/sidebars.json b/src/app/sidebars.json
@@ -0,0 +1,140 @@
+[
+  {
+    "name": "guide",
+    "children": [
+      {
+        "name": "Getting Started",
+        "children": [
+          {
+            "name": "Introduction",
+            "url": "/guide/introduction"
+          },
+          {
+            "name": "Installation",
+            "url": "/guide/installation"
+          },
+          {
+            "name": "Server Render",
+            "url": "/guide/server-render"
+          }
+        ]
+      },
+      {
+        "name": "Customization",
+        "children": [
+          {
+            "name": "Colors",
+            "url": "/guide/colors"
+          },
+          {
+            "name": "Theming",
+            "url": "/guide/theming"
+          },
+          {
+            "name": "Custom Styles",
+            "url": "/guide/custom-styles"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "name": "components",
+    "children": [
+      {
+        "name": "General",
+        "children": [
+          {
+            "name": "Button",
+            "url": "/components/button"
+          },
+          {
+            "name": "Icon",
+            "url": "/components/icon"
+          }
+        ]
+      },
+      {
+        "name": "Layout",
+        "children": [
+          {
+            "name": "Grid",
+            "url": "/components/grid"
+          },
+          {
+            "name": "Layout",
+            "url": "/components/layout"
+          }
+        ]
+      },
+      {
+        "name": "Data Entry",
+        "children": [
+          {
+            "name": "Button Group",
+            "url": "/components/button-group"
+          },
+          {
+            "name": "Checkbox",
+            "url": "/components/checkbox"
+          },
+          {
+            "name": "Input",
+            "url": "/components/input"
+          },
+          {
+            "name": "Radio",
+            "url": "/components/radio"
+          },
+          {
+            "name": "Select",
+            "url": "/components/select"
+          },
+          {
+            "name": "Toggle",
+            "url": "/components/toggle"
+          }
+        ]
+      },
+      {
+        "name": "Data Display",
+        "children": [
+          {
+            "name": "Popover",
+            "url": "/components/popover"
+          },
+          {
+            "name": "Tooltip",
+            "url": "/components/tooltip"
+          }
+        ]
+      },
+      {
+        "name": "Feedback",
+        "children": [
+          {
+            "name": "Loading",
+            "url": "/components/loading"
+          },
+          {
+            "name": "Modal",
+            "url": "/components/modal"
+          }
+        ]
+      },
+      {
+        "name": "Navigation",
+        "children": [
+          {
+            "name": "Pagination",
+            "url": "/components/pagination"
+          },
+          {
+            "name": "Tabs",
+            "url": "/components/tabs"
+          }
+        ]
+      }
+    ]
+  }
+]