diff --git a/apps/web/src/app/(app)/[organizationId]/[projectId]/layout-sticky-below-header.tsx b/apps/web/src/app/(app)/[organizationId]/[projectId]/layout-sticky-below-header.tsx
index f2ec414b..b0cd9b5e 100644
--- a/apps/web/src/app/(app)/[organizationId]/[projectId]/layout-sticky-below-header.tsx
+++ b/apps/web/src/app/(app)/[organizationId]/[projectId]/layout-sticky-below-header.tsx
@@ -12,7 +12,7 @@ export function StickyBelowHeader({
return (
diff --git a/apps/web/src/components/overview/overview-top-devices.tsx b/apps/web/src/components/overview/overview-top-devices.tsx
index 4d346f25..0b3daebb 100644
--- a/apps/web/src/components/overview/overview-top-devices.tsx
+++ b/apps/web/src/components/overview/overview-top-devices.tsx
@@ -189,35 +189,7 @@ export default function OverviewTopDevices({
-
+
>
diff --git a/apps/web/src/components/overview/overview-top-events/overview-top-events.tsx b/apps/web/src/components/overview/overview-top-events/overview-top-events.tsx
index 0519ba21..7ec1cab3 100644
--- a/apps/web/src/components/overview/overview-top-events/overview-top-events.tsx
+++ b/apps/web/src/components/overview/overview-top-events/overview-top-events.tsx
@@ -62,6 +62,7 @@ export default function OverviewTopEvents({
conversions: {
title: 'Conversions',
btn: 'Conversions',
+ hide: conversions.length === 0,
chart: {
projectId,
startDate,
@@ -105,15 +106,17 @@ export default function OverviewTopEvents({
{widget.title}
- {widgets.map((w) => (
-
- ))}
+ {widgets
+ .filter((item) => item.hide !== true)
+ .map((w) => (
+
+ ))}
diff --git a/apps/web/src/components/overview/useOverviewWidget.tsx b/apps/web/src/components/overview/useOverviewWidget.tsx
index 62e0dd5e..a516c471 100644
--- a/apps/web/src/components/overview/useOverviewWidget.tsx
+++ b/apps/web/src/components/overview/useOverviewWidget.tsx
@@ -5,7 +5,10 @@ import type { IChartInput } from '@mixan/validation';
export function useOverviewWidget(
key: string,
- widgets: Record
+ widgets: Record<
+ T,
+ { title: string; btn: string; chart: IChartInput; hide?: boolean }
+ >
) {
const keys = Object.keys(widgets) as T[];
const [widget, setWidget] = useQueryState(