From a3f50dc38fae4c183abbb90b86806708ed889785 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Sat, 14 Mar 2026 18:09:07 +0100
Subject: [PATCH] fix: restore Peak Hours layout and hide empty Search panel

Peak Hours back in its original grid position next to Campaigns.
Search panel now placed below as a standalone row, and hides
entirely when there's no GSC data instead of showing zeros.
---
 app/sites/[id]/page.tsx                    | 4 +---
 components/dashboard/SearchPerformance.tsx | 6 +++++-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/sites/[id]/page.tsx b/app/sites/[id]/page.tsx
index 7440315..f5714a1 100644
--- a/app/sites/[id]/page.tsx
+++ b/app/sites/[id]/page.tsx
@@ -615,11 +615,9 @@ export default function SiteDashboardPage() {
 
       <div className="grid gap-6 lg:grid-cols-2 mb-8">
         <Campaigns siteId={siteId} dateRange={dateRange} filters={filtersParam || undefined} onFilter={handleAddFilter} />
-        <SearchPerformance siteId={siteId} dateRange={dateRange} />
-      </div>
-      <div className="mb-8">
         <PeakHours siteId={siteId} dateRange={dateRange} />
       </div>
+      <SearchPerformance siteId={siteId} dateRange={dateRange} />
 
       <div className="mb-8">
         <GoalStats
diff --git a/components/dashboard/SearchPerformance.tsx b/components/dashboard/SearchPerformance.tsx
index 056a210..0938a6d 100644
--- a/components/dashboard/SearchPerformance.tsx
+++ b/components/dashboard/SearchPerformance.tsx
@@ -26,11 +26,15 @@ export default function SearchPerformance({ siteId, dateRange }: SearchPerforman
   const { data: overview, isLoading: overviewLoading } = useGSCOverview(siteId, dateRange.start, dateRange.end)
   const { data: queriesData, isLoading: queriesLoading } = useGSCTopQueries(siteId, dateRange.start, dateRange.end, 5, 0)
 
-  // Don't render if GSC is not connected
+  // Don't render if GSC is not connected or no data
   if (!gscStatus?.connected) return null
 
   const isLoading = overviewLoading || queriesLoading
   const queries = queriesData?.queries ?? []
+  const hasData = overview && (overview.total_clicks > 0 || overview.total_impressions > 0)
+
+  // Hide panel entirely if loaded but no data
+  if (!isLoading && !hasData) return null
 
   return (
     <div className="bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-2xl p-6 h-full flex flex-col">