feat: dashboard v2, esm, upgrades (#211)

* esm * wip * wip * wip * wip * wip * wip * subscription notice * wip * wip * wip * fix envs * fix: update docker build * fix * esm/types * delete dashboard :D * add patches to dockerfiles * update packages + catalogs + ts * wip * remove native libs * ts * improvements * fix redirects and fetching session * try fix favicon * fixes * fix * order and resize reportds within a dashboard * improvements * wip * added userjot to dashboard * fix * add op * wip * different cache key * improve date picker * fix table * event details loading * redo onboarding completely * fix login * fix * fix * extend session, billing and improve bars * fix * reduce price on 10M
2025-10-16 12:27:44 +02:00
parent 436e81ecc9
commit 81a7e5d62e
741 changed files with 32695 additions and 16996 deletions
--- a/apps/start/src/components/overview/overview-interval.tsx
+++ b/apps/start/src/components/overview/overview-interval.tsx
@@ -0,0 +1,49 @@
+import { useOverviewOptions } from '@/components/overview/useOverviewOptions';
+import {
+  isHourIntervalEnabledByRange,
+  isMinuteIntervalEnabledByRange,
+} from '@openpanel/constants';
+import { ClockIcon } from 'lucide-react';
+import { Combobox } from '../ui/combobox';
+
+export function OverviewInterval() {
+  const { interval, setInterval, range } = useOverviewOptions();
+
+  return (
+    <Combobox
+      className="hidden md:flex"
+      icon={ClockIcon}
+      placeholder="Interval"
+      onChange={(value) => {
+        setInterval(value);
+      }}
+      value={interval}
+      items={[
+        {
+          value: 'minute',
+          label: 'Minute',
+          disabled: !isMinuteIntervalEnabledByRange(range),
+        },
+        {
+          value: 'hour',
+          label: 'Hour',
+          disabled: !isHourIntervalEnabledByRange(range),
+        },
+        {
+          value: 'day',
+          label: 'Day',
+        },
+        {
+          value: 'week',
+          label: 'Week',
+        },
+        {
+          value: 'month',
+          label: 'Month',
+          disabled:
+            range === 'today' || range === 'lastHour' || range === '30min',
+        },
+      ]}
+    />
+  );
+}