chore: refactoring code

Author: Hubert Koster

src/styles/index.scss

@@ -126,8 +126,13 @@ body {
   display: none !important;
 }
 
-.unofficial-host .hide-sidebar-item {
-  display: none !important;
+.unofficial-host { 
+  .hide-sidebar-item {
+    display: none !important;
+  }
+  .navbar__items--right {
+    display: none !important;
+  }
 }
 
 .swiper {

src/theme/Navbar/Content/index.js

@@ -14,12 +14,14 @@ function useNavbarItems() {
   return useThemeConfig().navbar.items;
 }
 function NavbarItems({ items }) {
-  const unofficial_domain_items = [];
+  let unofficial_domain_item;
   const { is_official_domain } = useOfficialContentsContext();
 
   for (const value of Object.values(items)) {
-    if (value.label === 'Documentation' || value.position === 'right') {
-      unofficial_domain_items.push(value);
+    console.log(value);
+    if (value.label === 'Documentation') {
+      unofficial_domain_item = value;
+      break;
     }
   }
 
@@ -45,21 +47,19 @@ function NavbarItems({ items }) {
         </React.Fragment>
       ) : (
         <React.Fragment>
-          {unofficial_domain_items.map((unofficial_item, i) => (
-            <ErrorCauseBoundary
-              key={i}
-              onError={(error) =>
-                new Error(
-                  `A theme navbar item failed to render.
-        Please double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:
-        ${JSON.stringify(unofficial_item, null, 2)}`,
-                  { cause: error },
-                )
-              }
-            >
-              <NavbarItem {...unofficial_item} />
-            </ErrorCauseBoundary>
-          ))}
+          <ErrorCauseBoundary
+            key={unofficial_domain_item?.label}
+            onError={(error) =>
+              new Error(
+                `A theme navbar item failed to render.
+      Please double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:
+      ${JSON.stringify(unofficial_domain_item, null, 2)}`,
+                { cause: error },
+              )
+            }
+          >
+            <NavbarItem {...unofficial_domain_item} />
+          </ErrorCauseBoundary>
         </React.Fragment>
       )}
     </>