diff --git a/src/components/NavigationDocs.jsx b/src/components/NavigationDocs.jsx index a1c1008b..c732b164 100644 --- a/src/components/NavigationDocs.jsx +++ b/src/components/NavigationDocs.jsx @@ -1,10 +1,10 @@ import { useRouter } from 'next/router' import clsx from 'clsx' import { - ActivePageMarker, - NavLink, - TopLevelNavItem, - VisibleSectionHighlight + ActivePageMarker, + NavLink, + TopLevelNavItem, + VisibleSectionHighlight } from "@/components/NavigationAPI"; import {AnimatePresence, motion} from "framer-motion"; import {Button} from "@/components/mdx"; @@ -12,197 +12,279 @@ import {useState} from "react"; import {NavigationStateProvider, useNavigationState} from "@/components/NavigationState"; import ChevronDownIcon from "@/components/icons/ChevronDownIcon"; + export const docsNavigation = [ - { - title: 'About NetBird', - links: [ - { title: 'Why WireGuard with NetBird?', href: '/about-netbird/why-wireguard-with-netbird' }, - { title: 'How NetBird works', href: '/about-netbird/how-netbird-works' }, - { title: 'NetBird vs. traditional VPN', href: '/about-netbird/netbird-vs-traditional-vpn' }, - { title: 'Other', href: '/about-netbird/other' }, - { title: 'FAQ', href: '/about-netbird/faq' }, - ], - }, - { - title: 'How-to guides', - links: [ - { title: 'Getting started', href: '/how-to/getting-started' }, - { title: 'Installation', href: '/how-to/installation'}, - /*{ - title: 'Nested Nav Item', - isOpen: true, - links: [ - { title: 'Quickstart guide', href: '/selfhosted/selfhosted-quickstart' }, - { title: 'Advanced guide', href: '/selfhosted/selfhosted-guide' }, - { title: 'Management SQLite Store', href: '/selfhosted/sqlite-store'}, - { - title: 'Deeply Nested Nav Item', - links: [ - { title: 'NetBird vs. traditional VPN', href: '/about-netbird/netbird-vs-traditional-vpn' }, - { title: 'Other', href: '/about-netbird/other' }, - { title: 'FAQ', href: '/about-netbird/faq' }, - ] - }, - ] - },*/ - { title: 'Add machines to your network', href: '/how-to/add-machines-to-your-network' }, - { title: 'Approve peers', href: '/how-to/approve-peers' }, - { title: 'Add users to your network', href: '/how-to/add-users-to-your-network' }, - { title: 'Use setup keys for automation', href: '/how-to/register-machines-using-setup-keys' }, - { title: 'Manage network access', href: '/how-to/manage-network-access' }, - { title: 'Enforce periodic authentication', href: '/how-to/enforce-periodic-user-authentication' }, - { title: 'Enable post-quantum cryptography', href: '/how-to/enable-post-quantum-cryptography' }, - { title: 'Route traffic to private networks', href: '/how-to/routing-traffic-to-private-networks' }, - { title: 'Manage DNS in your network', href: '/how-to/manage-dns-in-your-network' }, - { title: 'Monitor system and network activity', href: '/how-to/monitor-system-and-network-activity' }, - { title: 'Activity event streaming', href: '/how-to/activity-event-streaming' }, - { title: 'Access NetBird API', href: '/how-to/access-netbird-public-api' }, - { title: 'Running NetBird on FaaS', href: '/how-to/netbird-on-faas' }, - { title: 'Delete your NetBird account', href: '/how-to/delete-account' }, - { title: 'Manage access with posture checks', href: '/how-to/manage-posture-checks' }, - { title: 'Deploy routing peers to Kubernetes', href: '/how-to/routing-peers-and-kubernetes' }, - { title: 'Report bugs and issues', href: '/how-to/report-bug-issues' }, - { title: 'Troubleshooting client issues', href: '/how-to/troubleshooting-client' }, - { title: 'Examples', href: '/how-to/examples' }, - { title: 'CLI', href: '/how-to/cli' }, - { title: 'IdP sync', href: '/how-to/idp-sync' }, - ], - }, - { - title: 'Self-hosting NetBird', - links: [ - { title: 'Quickstart guide', href: '/selfhosted/selfhosted-quickstart' }, - { title: 'Advanced guide', href: '/selfhosted/selfhosted-guide' }, - { title: 'Management SQLite Store', href: '/selfhosted/sqlite-store'}, - { title: 'Supported IdPs', href: '/selfhosted/identity-providers' }, - { title: 'Management Geolocation', href: '/selfhosted/geo-support' }, - { title: 'Troubleshooting', href: '/selfhosted/troubleshooting' }, - ], - }, + { + title: 'ABOUT', + links: [ + { title: 'Introduction', href: 'introduction' }, + { title: 'How NetBird works', href: '/about-netbird/how-netbird-works'}, + { title: 'NetBird vs. traditional VPN', href: '/about-netbird/netbird-vs-traditional-vpn' }, + { title: 'Why WireGuard with NetBird', href: '/about-netbird/why-wireguard-with-netbird' }, + { title: 'FAQ', href: '/about-netbird/faq' }, + /*{ title: 'Whats new in version xx', href: '/welcome/how-netbird-works' }, + { title: 'Release notes', href: '/about-netbird/netbird-vs-traditional-vpn' },*/ + + ], + }, + { + title: 'GETTING STARTED', + links: [ + { title: 'Quickstart Guide', href: '/how-to/getting-started' }, + {title: 'Install NetBird', href: '/how-to/installation' }, + + + /* { title: 'Update NetBird', href: '/how-to/enforce-periodic-user-authentication' },*/ + + + ], + }, + { + title: 'MANAGE NETBIRD', + links: [ + { + title: 'Peers', + isOpen: true, + links: [ + { title: 'Add peers to your network', href: '/how-to/add-machines-to-your-network' }, + { title: 'Approve peers', href: '/how-to/approve-peers' }, + { title: 'Setup keys', href: '/how-to/register-machines-using-setup-keys' }, + ] + }, + { + title: 'Access Control', + isOpen: true, + links: [ + { title: 'Manage Network Access', href: '/how-to/manage-network-access' }, + { title: 'Posture Checks', href: '/how-to/manage-network-access' }, + ] + }, + { + title: 'Network Routes', + isOpen: true, + links: [ + { title: 'Routing traffic to private networks', href: '/how-to/routing-traffic-to-private-networks' }, + + ] + }, + { + title: 'DNS', + isOpen: true, + links: [ + { title: 'Manage DNS in your network', href: 'how-to/manage-dns-in-your-network' }, + ] + }, + { + title: 'Team', + isOpen: true, + links: [ + { title: 'Add users to your network', href: '/how-to/add-users-to-your-network' }, + + ] + }, + { + title: 'Activity', + links: [ + { title: 'Activity Events', href: '/how-to/monitor-system-and-network-activity' }, + { title: 'Activity Event Streaming', href: '/how-to/activity-event-streaming' }, + + ], + }, + { + title: 'Settings', + isOpen: true, + links: [ + {title: 'Authentication', href: '/how-to/enforce-periodic-user-authentication' }, + /*{title: 'Groups', href: '/about-netbird/netbird-vs-traditional-vpn' }, + {title: 'Plans & Billing', href: '/about-netbird/netbird-vs-traditional-vpn' }, + {title: 'Delete Accounts/Danger Zone', href: '/how-to/delete-accounts' },*/ + + ] + }, + { + title: 'Integrations', + isOpen: true, + links: [ + {title: 'Activity Event Streaming', href: '/how-to/activity-event-streaming' }, + {title: 'Identity Provider', href: '/how-to/idp-sync' }, + {title: 'Enable Post Quantum Cryptography', href: '/how-to/enable-post-quantum-cryptography' }, + + ] + }, + ], + + }, + + { + title: 'USE CASES', + links: [ + { title: 'NetBird on FaaS', href: '/how-to/netbird-on-faas' }, + { title: 'Routing peers and Kubernetes', href: '/how-to/routing-peers-and-kubernetes'}, + { title: 'NetBird Client on AWS ECS', href: '/how-to/examples'}, + ], + + +}, +{ + title: 'SELF-HOSTED NETBIRD', + links: [ + { title: 'Quickstart guide', href: '/selfhosted/selfhosted-quickstart' }, + { title: 'Advanced guide', href: '/selfhosted/selfhosted-guide' }, + { title: 'Management SQLite Store', href: '/selfhosted/sqlite-store'}, + { title: 'Supported IdPs', href: '/selfhosted/identity-providers' }, + ], + + +}, + + { + title: 'GET MORE HELP', + links: [ + { title: 'Troubleshooting client issues', href: '/how-to/troubleshooting-client' }, + { title: 'Report bug issues', href: '/how-to/report-bug-issues' }, + + ], + + + }, + ] + + + export function NavigationDocs({className}) { - return ( - - ) + return ( + + ) } + const findActiveGroupIndex = (group, pathname) => { - let activeIndex = -1; - group.links.forEach((link, index) => { - if (link.href === pathname) { - activeIndex = index; - } else if (link.links) { - const childIndex = findActiveGroupIndex(link, pathname); - if (childIndex !== -1) { - activeIndex = index; - } - } - }); - return activeIndex; + let activeIndex = -1; + group.links.forEach((link, index) => { + if (link.href === pathname) { + activeIndex = index; + } else if (link.links) { + const childIndex = findActiveGroupIndex(link, pathname); + if (childIndex !== -1) { + activeIndex = index; + } + } + }); + return activeIndex; } + + function NavigationGroup({ group, className, hasChildren }) { - let router = useRouter() - let isActiveGroup = findActiveGroupIndex(group, router.pathname) !== -1; - const [isOpen, setIsOpen] = useState(group.isOpen ? group.isOpen :!hasChildren); - const [, setActiveHighlight] = useNavigationState(); + let router = useRouter() + let isActiveGroup = findActiveGroupIndex(group, router.pathname) !== -1; + const [isOpen, setIsOpen] = useState(group.isOpen ? group.isOpen :!hasChildren); + const [, setActiveHighlight] = useNavigationState(); - return ( -
  • - { - setIsOpen(!isOpen) - if(!isOpen) { - router.push(group.links[0].href) - setActiveHighlight() - }else { - setActiveHighlight(group.title) - } - }} - data-nb-link={group.title} - > - {group.title} - {hasChildren && } - -
    - {!hasChildren && - <> - - {isActiveGroup && ( - - )} - - - - {isActiveGroup && ( - - )} - - - } + return ( - - {isOpen && - {group.links.map((link) => { - return link.href ? - - - {link.title} - - - : - - })} - } - -
    -
    • - ) +
  • + { + setIsOpen(!isOpen) + if(!isOpen) { + router.push(group.links[0].href) + setActiveHighlight() + }else { + setActiveHighlight(group.title) + } + }} + data-nb-link={group.title} + > + {group.title} + {hasChildren && } + +
    + {!hasChildren && + <> + + {isActiveGroup && ( + + )} + + + + {isActiveGroup && ( + + )} + + + } + + + + {isOpen && + {group.links.map((link) => { + return link.href ? + + + {link.title} + + + : + + })} + } + + + +
    +
    • + ) } + + + diff --git a/src/pages/how-to/add-machines-to-your-network.mdx b/src/pages/how-to/add-machines-to-your-network.mdx index 9927bef5..19273854 100644 --- a/src/pages/how-to/add-machines-to-your-network.mdx +++ b/src/pages/how-to/add-machines-to-your-network.mdx @@ -1,5 +1,5 @@ -# Add machines to your NetBird network +# Add peers to your NetBird network Whether you have a network for personal use or manage your company's corporate network, you'd probably want to add machines (or peers in NetBird's terms) to your network.