diff --git a/@theme/components/Navbar/Navbar.tsx b/@theme/components/Navbar/Navbar.tsx index e3aeddcde6..b7709ba066 100644 --- a/@theme/components/Navbar/Navbar.tsx +++ b/@theme/components/Navbar/Navbar.tsx @@ -8,10 +8,7 @@ import { Link } from "@portal/Link"; import { ColorModeSwitcher } from "@theme/components/ColorModeSwitcher/ColorModeSwitcher"; import { Search } from "@theme/components/Search/Search"; -import { useLocation } from "react-router-dom"; - // @ts-ignore -// import navbar from '../../../top-nav.yaml'; const alertBanner = { show: true, @@ -52,31 +49,6 @@ export function Navbar(props) { } }); - const { pathname } = useLocation(); - const blogNavs = getBlogNavigationConfig(); - - const blogNavItems = []; - for (const blogNav of blogNavs) { - if (blogNav.type === "group") { - blogNavItems.push( - - ); - } else { - blogNavItems.push( - - - {blogNav.label} - - - ); - } - } - React.useEffect(() => { // Turns out jQuery is necessary for firing events on Bootstrap v4 // dropdowns. These events set classes so that the search bar and other @@ -112,73 +84,36 @@ export function Navbar(props) { }; }, []); - // Render a different top nav for the Blog site. - if (pathname.includes("blog")) { - return ( - <> - - - - - - - - - {blogNavItems} - -
- -
-
- -
-
- -
-
-
-
- - ); - } else { - return ( - <> - - - - - - - - - {navItems} - -
- -
-
- -
-
-
-
- - ); - } + return ( + <> + + + + + + + + + {navItems} + +
+ +
+
+ +
+
+
+
+ + ); } const StyledColorModeSwitcher = styled(ColorModeSwitcher)` @@ -441,131 +376,3 @@ export class ThemeToggle extends React.Component { this.auto_update_theme(); } } - -function getBlogNavigationConfig() { - const { translate } = useTranslate(); - - return [ - { - index: "0", - label: translate("Learn"), - type: "group", - items: [ - { - type: "group", - label: translate("XRP Ledger"), - items: [ - { - type: "link", - fsPath: "about/index.page.tsx", - label: translate("Overview"), - link: "/about/", - }, - { - type: "link", - fsPath: "about/uses.page.tsx", - label: translate("Uses"), - link: "/about/uses", - }, - { - type: "link", - fsPath: "about/history.page.tsx", - label: translate("History"), - link: "/about/history", - }, - { - type: "link", - fsPath: "about/impact.page.tsx", - label: translate("Impact"), - link: "/about/impact", - }, - { - type: "link", - fsPath: "about/impact.page.tsx", - label: translate("Carbon Calculator"), - link: "/about/impact", - }, - ], - }, - ], - pathPrefix: "", - }, - { - index: "1", - label: translate("Explore"), - type: "group", - items: [ - { - type: "group", - label: translate("Explore the XRP Ledger"), - items: [ - { - type: "link", - fsPath: "/docs/introduction/crypto-wallets.md", - label: translate("Wallets"), - link: "/docs/introduction/crypto-wallets", - }, - { - type: "link", - fsPath: "about/xrp.page.tsx", - label: translate("Exchanges"), - link: "/about/xrp", - }, - { - type: "link", - fsPath: "about/uses.page.tsx", - label: translate("Businesses"), - link: "/about/uses", - }, - { - type: "link", - fsPath: "", - label: translate("Ledger Explorer"), - link: "https://livenet.xrpl.org/", - }, - ], - }, - ], - pathPrefix: "", - }, - { - index: "2", - label: translate("Build"), - type: "group", - items: [ - { - type: "group", - label: translate("Build with XRPL"), - items: [ - { - type: "link", - fsPath: "/docs/index.page.tsx", - label: translate("Docs"), - link: "/docs/", - }, - { - type: "link", - fsPath: "/resources/dev-tools/index.page.tsx", - label: translate("Dev Tools"), - link: "/resources/dev-tools/", - }, - { - type: "link", - fsPath: "/blog/index.page.tsx", - label: translate("Dev Blog"), - link: "/blog/", - }, - ], - }, - ], - pathPrefix: "", - }, - { - index: "3", - type: "link", - fsPath: "community/index.page.tsx", - label: translate("Contribute"), - link: "/community", - }, - ]; -}