refactor: move scroll depth from dashboard to behavior tab

This commit is contained in:
Usman Baig
2026-03-12 16:56:26 +01:00
parent d5aafdc48a
commit 9179e058f7

View File

@@ -34,7 +34,6 @@ import TechSpecs from '@/components/dashboard/TechSpecs'
const PerformanceStats = dynamic(() => import('@/components/dashboard/PerformanceStats')) const PerformanceStats = dynamic(() => import('@/components/dashboard/PerformanceStats'))
const GoalStats = dynamic(() => import('@/components/dashboard/GoalStats')) const GoalStats = dynamic(() => import('@/components/dashboard/GoalStats'))
const ScrollDepth = dynamic(() => import('@/components/dashboard/ScrollDepth'))
const Campaigns = dynamic(() => import('@/components/dashboard/Campaigns')) const Campaigns = dynamic(() => import('@/components/dashboard/Campaigns'))
const PeakHours = dynamic(() => import('@/components/dashboard/PeakHours')) const PeakHours = dynamic(() => import('@/components/dashboard/PeakHours'))
const EventProperties = dynamic(() => import('@/components/dashboard/EventProperties')) const EventProperties = dynamic(() => import('@/components/dashboard/EventProperties'))
@@ -618,12 +617,11 @@ export default function SiteDashboardPage() {
<PeakHours siteId={siteId} dateRange={dateRange} /> <PeakHours siteId={siteId} dateRange={dateRange} />
</div> </div>
<div className="grid gap-6 lg:grid-cols-2 mb-8"> <div className="mb-8">
<GoalStats <GoalStats
goalCounts={(dashboard?.goal_counts ?? []).filter(g => !/^scroll_\d+$/.test(g.event_name))} goalCounts={(dashboard?.goal_counts ?? []).filter(g => !/^scroll_\d+$/.test(g.event_name))}
onSelectEvent={setSelectedEvent} onSelectEvent={setSelectedEvent}
/> />
<ScrollDepth goalCounts={dashboard?.goal_counts ?? []} totalPageviews={stats.pageviews} />
</div> </div>
{/* Event Properties Breakdown */} {/* Event Properties Breakdown */}