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(