commit 4a4254c21c7fc825afc65e42e334496281ac2714
author Baoyuan <baoyuan.top@gmail.com> Thu Jul 29 19:17:12 2021 +0800
committer GitHub <noreply@github.com> Thu Jul 29 19:17:12 2021 +0800
tree e9e80ccade8dc8fc1a7f06c68a5f3810633688cd
parent d2cf7039a27b48222ec65afe25a28d166d53f0e5

fix: showing Project's name on the navbar (#425)

website/src/theme/DocPage/index.js

diff --git a/website/src/theme/DocPage/index.js b/website/src/theme/DocPage/index.js
index fcf3a6a..2491826 100644
--- a/website/src/theme/DocPage/index.js
+++ b/website/src/theme/DocPage/index.js
@@ -27,33 +27,33 @@
     version,
   } = versionMetadata;
 
-  const pageId = {
-    general : "General",
-    apisix : "getting-started",
-    apisixDashboard : "dashboard",
-    apisixIngressController : "what-is-apisix-ingress-controller",
-    apisixHelmChart : "seeking-help",
-    apisixDocker : "build-an-image-from-source",
-    apisixJavaPluginRunner : "overview",
-    apisixGoRunner : "prerequisites"
-  }
   useEffect(() => {
-    if(docsSidebars[sidebarName][0].label === pageId.general){
-      document.querySelectorAll(".navbar__link--active")[0].text = "General";
-    } else if (document.getElementById(pageId.apisix)) {
-      document.querySelectorAll(".navbar__link--active")[0].text = "Apache APISIX®";
-    } else if (document.getElementById(pageId.apisixDashboard)) {
-      document.querySelectorAll(".navbar__link--active")[0].text = "Apache APISIX® Dashboard";
-    } else if (document.getElementById(pageId.apisixIngressController)) {
-      document.querySelectorAll(".navbar__link--active")[0].text = "Apache APISIX® Ingress Controller";
-    } else if (document.getElementById(pageId.apisixHelmChart)) {
-      document.querySelectorAll(".navbar__link--active")[0].text = "Apache APISIX® Helm Chart";
-    } else if (document.getElementById(pageId.apisixDocker)) {
-      document.querySelectorAll(".navbar__link--active")[0].text = "Apache APISIX® Docker";
-    } else if (document.getElementById(pageId.apisixJavaPluginRunner)) {
-      document.querySelectorAll(".navbar__link--active")[0].text = "Apache APISIX® Java Plugin Runner";
-    } else if (document.getElementById(pageId.apisixGoRunner)) {
-      document.querySelectorAll(".navbar__link--active")[0].text = "Apache APISIX® Go Plugin Runner";
+    const currentPage = currentDocRoute.path.split("/")[2] || "";
+    switch (currentPage) {
+      case "general":
+        document.querySelectorAll(".navbar__link--active")[0].text = "General";
+        break;
+      case "apisix":
+        document.querySelectorAll(".navbar__link--active")[0].text = "Apache APISIX®";
+        break;
+      case "dashboard":
+        document.querySelectorAll(".navbar__link--active")[0].text = "Apache APISIX® Dashboard";
+        break;
+      case "ingress-controller":
+        document.querySelectorAll(".navbar__link--active")[0].text = "Apache APISIX® Ingress Controller";
+        break;
+      case "helm-chart":
+        document.querySelectorAll(".navbar__link--active")[0].text = "Apache APISIX® Helm Chart";
+        break;
+      case "docker":
+        document.querySelectorAll(".navbar__link--active")[0].text = "Apache APISIX® Docker";
+        break;
+      case "java-plugin-runner":
+        document.querySelectorAll(".navbar__link--active")[0].text = "Apache APISIX® Java Plugin Runner";
+        break;
+      case "go-plugin-runner":
+        document.querySelectorAll(".navbar__link--active")[0].text = "Apache APISIX® Go Plugin Runner";
+        break;
     }
     return () => {
       console.log('\u{1F680} documentation changed')