diff --git a/.changeset/move-help-to-nav-links.md b/.changeset/move-help-to-nav-links.md new file mode 100644 index 00000000..10828fb5 --- /dev/null +++ b/.changeset/move-help-to-nav-links.md @@ -0,0 +1,5 @@ +--- +"@hyperdx/app": patch +--- + +fix: move help menu from footer to main nav links diff --git a/packages/app/src/components/AppNav/AppNav.components.tsx b/packages/app/src/components/AppNav/AppNav.components.tsx index fc1b2918..d4aed7d2 100644 --- a/packages/app/src/components/AppNav/AppNav.components.tsx +++ b/packages/app/src/components/AppNav/AppNav.components.tsx @@ -12,7 +12,6 @@ import { Tooltip, UnstyledButton, } from '@mantine/core'; -import { useDisclosure } from '@mantine/hooks'; import { IconBook, IconBrandDiscord, @@ -179,69 +178,62 @@ export const AppNavHelpMenu = ({ version }: { version?: string }) => { const { isCollapsed } = React.useContext(AppNavContext); return ( - <> - - + + - - - - - - - - - - Help{' '} - {version && ( - - v{version} - - )} - + + + + + {!isCollapsed && Help} + + + + + + Help{' '} + {version && ( + + v{version} + + )} + - } - > - Documentation - - } - component="a" - href="https://hyperdx.io/discord" - target="_blank" - rel="noopener noreferrer" - > - Discord Community - - } - href="https://clickhouse.com/docs/use-cases/observability/clickstack/getting-started" - component="a" - target="_blank" - rel="noopener noreferrer" - > - Setup Instructions - - - - - + } + > + Documentation + + } + component="a" + href="https://hyperdx.io/discord" + target="_blank" + rel="noopener noreferrer" + > + Discord Community + + } + href="https://clickhouse.com/docs/use-cases/observability/clickstack/getting-started" + component="a" + target="_blank" + rel="noopener noreferrer" + > + Setup Instructions + + + ); }; diff --git a/packages/app/src/components/AppNav/AppNav.tsx b/packages/app/src/components/AppNav/AppNav.tsx index e4a154ae..1a96dc7b 100644 --- a/packages/app/src/components/AppNav/AppNav.tsx +++ b/packages/app/src/components/AppNav/AppNav.tsx @@ -670,6 +670,9 @@ export default function AppNav({ fixed = false }: { fixed?: boolean }) { )} + {/* Help */} + + {/* Team Settings (Cloud only) */} {!IS_LOCAL_MODE && (
- {IS_LOCAL_MODE && !isCollapsed && (