language selector

Author: gingerwizard

docusaurus.config.js

@@ -2353,7 +2353,33 @@ const config = {
 	],
 	customFields: {
 		blogSidebarLink: '/docs/knowledgebase',
-		galaxyApiEndpoint: process.env.NEXT_PUBLIC_GALAXY_API_ENDPOINT || 'http://localhost:3000'
+		galaxyApiEndpoint: process.env.NEXT_PUBLIC_GALAXY_API_ENDPOINT || 'http://localhost:3000',
+		secondaryNavItems: [
+			{
+
+				type: 'dropdown',
+				hoverable: 'false',
+				html:
+					'<svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">\n' +
+					'<path d="M6.95 12.6496L9.75 5.26628H11.0333L13.8333 12.6496H12.55L11.9 10.7663H8.91667L8.25 12.6496H6.95ZM9.28333 9.69961H11.5L10.4167 6.64961H10.3667L9.28333 9.69961ZM2.08333 10.7996L1.21667 9.93294L4.33333 6.83294C3.94444 6.39961 3.60556 5.95228 3.31667 5.49094C3.02778 5.03005 2.77222 4.54405 2.55 4.03294H3.83333C4.02222 4.41072 4.22222 4.74672 4.43333 5.04094C4.64444 5.33561 4.89444 5.64405 5.18333 5.96628C5.63889 5.47739 6.01667 4.97472 6.31667 4.45828C6.61667 3.94139 6.86667 3.3885 7.06667 2.79961H0.25V1.58294H4.55V0.349609H5.78333V1.58294H10.0833V2.79961H8.3C8.07778 3.53294 7.78333 4.24116 7.41667 4.92428C7.05 5.60783 6.59444 6.25516 6.05 6.86628L7.53333 8.36628L7.06667 9.63294L5.16667 7.73294L2.08333 10.7996Z" fill="currentColor"/>\n' +
+					'</svg>',
+				position: 'right',
+				items: [
+					{
+						label: 'English',
+						to: '/',
+					},
+					{
+						label: 'Russian',
+						to: '/ru',
+					},
+					{
+						label: 'Chinese',
+						to: '/zh',
+					},
+				],
+			}
+		]
 	},
 }
 

src/theme/Navbar/Content/index.js

@@ -47,7 +47,6 @@ export default function NavbarContent() {
     const sidebar = useDocsSidebar();
     items = sidebar.items;
   } catch {}
-  const [secLeftItems, secRightItems] = splitNavbarItems(secondaryItems);
   const {
     github_stars,
     menuItems,
@@ -117,7 +116,7 @@ export default function NavbarContent() {
         <div
           className={`${styles.secondaryMenuRight} secondary-nav--items-right`}
         >
-          <NavbarItems items={secRightItems} />
+          <NavbarItems items={secondaryItems} />
           <ColorModeToggle className="navbar-color-toggle" />
         </div>
         <MobileSideBarMenu sidebar={items}/>