diff --git a/.changeset/fast-pens-walk.md b/.changeset/fast-pens-walk.md new file mode 100644 index 00000000..6594d67a --- /dev/null +++ b/.changeset/fast-pens-walk.md @@ -0,0 +1,5 @@ +--- +"@hyperdx/app": patch +--- + +fix: Add option to display all events in search histogram bars diff --git a/packages/app/src/components/DBTimeChart.tsx b/packages/app/src/components/DBTimeChart.tsx index d5f6ef4a..0fc63811 100644 --- a/packages/app/src/components/DBTimeChart.tsx +++ b/packages/app/src/components/DBTimeChart.tsx @@ -10,6 +10,7 @@ import { import { Button, Code, + Divider, Group, Modal, Popover, @@ -143,58 +144,54 @@ function ActiveTimeTooltip({ onClick={e => e.stopPropagation()} onMouseDown={e => e.stopPropagation()} > - {validPayloads.length <= 1 ? ( - // Fallback scenario if limited data is available + - View Events + View All Events - ) : ( - - - View Events for: - - {validPayloads.map((payload, idx) => { - const seriesUrl = buildSearchUrl( - payload.dataKey, - payload.value, - ); - return ( - - 1 && ( + <> + + + Filter by group: + + {validPayloads.map((payload, idx) => { + const seriesUrl = buildSearchUrl( + payload.dataKey, + payload.value, + ); + return ( + - - - - {payload.name} - - - - - ); - })} - - )} + + + + + {payload.name} + + + + + ); + })} + + )} +