Custom date range select.

2025-04-19 10:09:59 -07:00
parent e79f4717e7
commit 52e1440089
11 changed files with 247 additions and 314 deletions
--- a/src/components/metrics/QueryParametersTable.tsx
+++ b/src/components/metrics/QueryParametersTable.tsx
@@ -20,10 +20,10 @@ export function QueryParametersTable({

  const buttons = [
    {
+      id: FILTER_COMBINED,
      label: formatMessage(labels.filterCombined),
-      key: FILTER_COMBINED,
    },
-    { label: formatMessage(labels.filterRaw), key: FILTER_RAW },
+    { id: FILTER_RAW, label: formatMessage(labels.filterRaw) },
  ];

  return (
@@ -45,7 +45,7 @@ export function QueryParametersTable({
      }
      delay={0}
    >
-      {allowFilter && <FilterButtons items={buttons} selectedKey={filter} onSelect={setFilter} />}
+      {allowFilter && <FilterButtons items={buttons} value={filter} onChange={setFilter} />}
    </MetricsTable>
  );
 }