refactor: move "use-cases" docs from topbar to sidebar (#1274)

Author: charIeszhao

docusaurus-common.config.ts

@@ -177,11 +177,6 @@ export const createCommonThemeConfig = (site: Site) => {
           position: 'left',
           label: 'API protection',
         },
-        {
-          to: buildUrl('/use-cases', 'main'),
-          position: 'left',
-          label: 'Use cases',
-        },
         {
           to: new URL('https://openapi.logto.io', mainSiteUrl).href,
           position: 'left',

i18n/th/docusaurus-plugin-content-docs/current.json

@@ -179,18 +179,6 @@
     "message": "การอนุญาต",
     "description": "The label for link Authorization in sidebar integrationsSidebar, linking to #"
   },
-  "sidebar.useCasesSidebar.category.Authorization": {
-    "message": "การอนุญาต",
-    "description": "The label for category Authorization in sidebar useCasesSidebar"
-  },
-  "sidebar.useCasesSidebar.category.Multi-tenancy": {
-    "message": "หลายผู้เช่า",
-    "description": "The label for category Multi-tenancy in sidebar useCasesSidebar"
-  },
-  "sidebar.useCasesSidebar.category.AI": {
-    "message": "AI",
-    "description": "The label for category AI in sidebar useCasesSidebar"
-  },
   "sidebar.apiProtectionSidebar.category..NET": {
     "message": ".NET",
     "description": "The label for category .NET in sidebar apiProtectionSidebar"

src/assets/light-bulb.svg

@@ -93,6 +93,13 @@ const docsSidebar: SidebarConfig = [
     items: [{ type: 'autogenerated', dirName: 'logto-oss' }],
     customProps: { id: 'logto-oss' },
   },
+  {
+    type: 'category',
+    label: 'Use cases',
+    link: { type: 'doc', id: 'use-cases/README' },
+    items: [{ type: 'autogenerated', dirName: 'use-cases' }],
+    customProps: { id: 'use-cases' },
+  },
   {
     type: 'category',
     label: 'Concepts',

src/sidebar/docs.ts

@@ -19,7 +19,6 @@ const sidebars: SidebarsConfig = {
   docsSidebar,
   quickStartSidebar,
   integrationsSidebar,
-  useCasesSidebar: [{ type: 'autogenerated', dirName: 'use-cases' }],
   apiProtectionSidebar: [{ type: 'autogenerated', dirName: 'api-protection' }],
 
   // But you can create a sidebar manually

src/sidebar/index.ts

@@ -8,6 +8,7 @@ import Customization from '@site/src/assets/customization.svg';
 import Developer from '@site/src/assets/developer.svg';
 import Integrate from '@site/src/assets/integrate.svg';
 import Introduction from '@site/src/assets/introduction.svg';
+import LightBulb from '@site/src/assets/light-bulb.svg';
 import OpenSource from '@site/src/assets/open-source.svg';
 import Organization from '@site/src/assets/organization.svg';
 import Security from '@site/src/assets/security.svg';
@@ -38,6 +39,7 @@ const icons: IconMap = Object.freeze({
   concepts: Concepts,
   security: Security,
   'secret-vault': Vault,
+  'use-cases': LightBulb,
 });
 
 export default icons;