Elgato_dark/hyperdx
1
0
Fork 0
mirror of https://github.com/hyperdxio/hyperdx synced 2026-04-21 13:37:15 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

fix: replace sidebar collapse icons to align with ClickHouse collapse patterns (#1999)

Browse source 
Co-authored-by: Karl Power <85935352+karl-power@users.noreply.github.com>
This commit is contained in:
Elizabet Oliveira 2026-03-30 11:35:40 +01:00 committed by GitHub
parent af86da601e
commit 1b77eab96a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 12 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
.changeset/replace-sidebar-collapse-icons.md Normal file
View file

@ -0,0 +1,5 @@
---
"@hyperdx/app": patch
---
fix: replace sidebar collapse icons to align with ClickHouse collapse patterns

4
packages/app/src/DBSearchPage.tsx
View file

@ -63,8 +63,8 @@ import {
} from '@mantine/hooks';
import { notifications } from '@mantine/notifications';
import {
IconArrowBarToRight,
IconBolt,
IconLayoutSidebarLeftExpand,
IconPlayerPlay,
IconPlus,
IconTags,
@ -273,7 +273,7 @@ function ExpandFiltersButton({ onExpand }: { onExpand: () => void }) {
onClick={onExpand}
aria-label="Show filters"
>
<IconLayoutSidebarLeftExpand size={14} />
<IconArrowBarToRight size={14} />
</ActionIcon>
</Tooltip>
);

6
packages/app/src/components/AppNav/AppNav.tsx
View file

@ -26,6 +26,7 @@ import {
} from '@mantine/core';
import { useDisclosure, useLocalStorage } from '@mantine/hooks';
import {
IconArrowBarToLeft,
IconBell,
IconBellFilled,
IconChartDots,
@ -34,7 +35,6 @@ import {
IconCommand,
IconDeviceLaptop,
IconLayoutGrid,
IconLayoutSidebarLeftCollapse,
IconSearch,
IconSettings,
IconSitemap,
@ -568,7 +568,7 @@ export default function AppNav({ fixed = false }: { fixed?: boolean }) {
)}
</Link>
<ActionIcon
variant="transparent"
variant="subtle"
size="sm"
className={cx(styles.collapseButton, {
[styles.collapseButtonCollapsed]: isCollapsed,
@ -576,7 +576,7 @@ export default function AppNav({ fixed = false }: { fixed?: boolean }) {
title="Collapse/Expand Navigation"
onClick={() => setIsPreferCollapsed((v: boolean) => !v)}
>
<IconLayoutSidebarLeftCollapse size={16} />
<IconArrowBarToLeft size={16} />
</ActionIcon>
</div>
</div>

4
packages/app/src/components/DBSearchPageFilters.tsx
View file

@ -30,13 +30,13 @@ import {
} from '@mantine/core';
import { notifications } from '@mantine/notifications';
import {
IconArrowBarToLeft,
IconChartBar,
IconChartBarOff,
IconChevronDown,
IconChevronRight,
IconChevronUp,
IconFilterOff,
IconLayoutSidebarLeftCollapse,
IconMinus,
IconPin,
IconPinFilled,
@ -1218,7 +1218,7 @@ const DBSearchPageFiltersComponent = ({
onClick={onCollapse}
aria-label="Hide filters"
>
<IconLayoutSidebarLeftCollapse size={14} />
<IconArrowBarToLeft size={14} />
</ActionIcon>
</Tooltip>
)}