From 517c77af776d64974831a3da8b3c58f59ddea6ce Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamidzarghami@hamids-MacBook-Pro.local>
Date: Sat, 23 May 2026 14:06:25 +0330
Subject: [PATCH] fix preview pages:

---
 src/pages/editor/components/PagesPanel.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/pages/editor/components/PagesPanel.tsx b/src/pages/editor/components/PagesPanel.tsx
index 483d727..4662565 100644
--- a/src/pages/editor/components/PagesPanel.tsx
+++ b/src/pages/editor/components/PagesPanel.tsx
@@ -1,8 +1,18 @@
 import { Copy, Trash, AddSquare, DocumentText } from 'iconsax-react'
 import { useEditorStore } from '../store/editorStore'
+import type { Page } from '../store/editorStore.types'
 import { clx } from '@/helpers/utils'
 import CatalogPreview from '@/pages/catalogue/components/CatalogPreview'
 
+function isPageEmptyForPreview(page: Page): boolean {
+  if (page.objects.length > 0) return false
+  if (page.backgroundType === 'image' && page.backgroundImageUrl.trim() !== '') {
+    return false
+  }
+  if (page.backgroundType === 'gradient') return false
+  return true
+}
+
 type PagesPanelProps = {
   catalogSize?: string
 }
@@ -42,7 +52,7 @@ const PagesPanel = ({ catalogSize }: PagesPanelProps) => {
           ) : (
             pages.map((page) => {
               const isSelected = currentPageId === page.id
-              const isEmpty = page.objects.length === 0
+              const isEmpty = isPageEmptyForPreview(page)
               return (
                 <div
                   key={page.id}