From b9c1682af323db0ce0fe8db3d97959d72a4fb184 Mon Sep 17 00:00:00 2001
From: Rudhra Deep Biswas <98055396+rudeUltra@users.noreply.github.com>
Date: Wed, 26 Jun 2024 11:43:19 +0530
Subject: [PATCH] app viewer fixes (#10173)

---
 frontend/src/Editor/Container.jsx   | 4 +++-
 frontend/src/Editor/Header/index.js | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/Editor/Container.jsx b/frontend/src/Editor/Container.jsx
index 444063dec8..99dcb702d4 100644
--- a/frontend/src/Editor/Container.jsx
+++ b/frontend/src/Editor/Container.jsx
@@ -818,6 +818,8 @@ export const Container = ({
     ? 'Connect to your data source or use our sample data source to start playing around!'
     : 'Connect to a data source to be able to create a query';
 
+  const showEmptyContainer = !appLoading && !isDragging && mode !== 'view';
+
   return (
     <ContainerWrapper
       showComments={showComments}
@@ -930,7 +932,7 @@ export const Container = ({
           />
         </div>
       </div>
-      {Object.keys(boxes).length === 0 && !appLoading && !isDragging && (
+      {Object.keys(boxes).length === 0 && showEmptyContainer && (
         <div style={{ paddingTop: '10%' }}>
           <div className="row empty-box-cont">
             <div className="col-md-4 dotted-cont">
diff --git a/frontend/src/Editor/Header/index.js b/frontend/src/Editor/Header/index.js
index 33a0d4c05c..8743c81596 100644
--- a/frontend/src/Editor/Header/index.js
+++ b/frontend/src/Editor/Header/index.js
@@ -73,7 +73,7 @@ export default function EditorHeader({
       : '';
     setAppPreviewLink(appVersionPreviewLink);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [slug, currentVersionId, editingVersion]);
+  }, [slug, currentVersionId, editingVersion, pageHandle]);
 
   return (
     <div className={cx('header', { 'dark-theme theme-dark': darkMode })} style={{ width: '100%' }}>