dashboard: update event and profile list

apps/dashboard/src/components/overview/overview-top-devices.tsx

@@ -5,6 +5,7 @@ import { useEventQueryFilters } from '@/hooks/useEventQueryFilters';
 import { cn } from '@/utils/cn';
 
 import { Widget, WidgetBody } from '../Widget';
+import { OverviewChartToggle } from './overview-chart-toggle';
 import { WidgetButtons, WidgetHead } from './overview-widget';
 import { useOverviewOptions } from './useOverviewOptions';
 import { useOverviewWidget } from './useOverviewWidget';
@@ -15,7 +16,7 @@ interface OverviewTopDevicesProps {
 export default function OverviewTopDevices({
   projectId,
 }: OverviewTopDevicesProps) {
-  const { interval, range, previous, startDate, endDate } =
+  const { interval, range, previous, startDate, endDate, chartType } =
     useOverviewOptions();
   const [filters, setFilter] = useEventQueryFilters();
   const isPageFilter = filters.find((filter) => filter.name === 'path');
@@ -41,7 +42,7 @@ export default function OverviewTopDevices({
             name: 'device',
           },
         ],
-        chartType: 'bar',
+        chartType,
         lineType: 'monotone',
         interval: interval,
         name: 'Top sources',
@@ -71,7 +72,7 @@ export default function OverviewTopDevices({
             name: 'browser',
           },
         ],
-        chartType: 'bar',
+        chartType,
         lineType: 'monotone',
         interval: interval,
         name: 'Top sources',
@@ -101,7 +102,7 @@ export default function OverviewTopDevices({
             name: 'browser_version',
           },
         ],
-        chartType: 'bar',
+        chartType,
         lineType: 'monotone',
         interval: interval,
         name: 'Top sources',
@@ -131,7 +132,7 @@ export default function OverviewTopDevices({
             name: 'os',
           },
         ],
-        chartType: 'bar',
+        chartType,
         lineType: 'monotone',
         interval: interval,
         name: 'Top sources',
@@ -161,7 +162,7 @@ export default function OverviewTopDevices({
             name: 'os_version',
           },
         ],
-        chartType: 'bar',
+        chartType,
         lineType: 'monotone',
         interval: interval,
         name: 'Top sources',
@@ -176,7 +177,10 @@ export default function OverviewTopDevices({
     <>
       <Widget className="col-span-6 md:col-span-3">
         <WidgetHead>
-          <div className="title">{widget.title}</div>
+          <div className="title">
+            {widget.title}
+            <OverviewChartToggle />
+          </div>
           <WidgetButtons>
             {widgets.map((w) => (
               <button