From a23a1171f0e212858ef11a59226a3ba897d4988e Mon Sep 17 00:00:00 2001
From: Arpit <arpitnath42@gmail.com>
Date: Wed, 11 Oct 2023 13:41:25 +0530
Subject: [PATCH] fixes: widget inspector going to empty component (#7768)

---
 frontend/src/Editor/EditorFunc.jsx | 45 ++++++++++++++----------------
 1 file changed, 21 insertions(+), 24 deletions(-)

diff --git a/frontend/src/Editor/EditorFunc.jsx b/frontend/src/Editor/EditorFunc.jsx
index c64a5fb5f6..e24a0abf8f 100644
--- a/frontend/src/Editor/EditorFunc.jsx
+++ b/frontend/src/Editor/EditorFunc.jsx
@@ -1557,6 +1557,13 @@ const EditorComponent = (props) => {
       </div>
     );
   }
+
+  const shouldrenderWidgetInspector =
+    currentSidebarTab === 1 &&
+    selectedComponents?.length === 1 &&
+    !isEmpty(appDefinition?.pages[currentPageId]?.components) &&
+    !isEmpty(appDefinition?.pages[currentPageId]?.components[selectedComponents[0]?.id]);
+
   return (
     <div className="editor wrapper">
       <Confirm
@@ -1791,32 +1798,22 @@ const EditorComponent = (props) => {
                 removeMultipleComponents={removeComponents}
               />
 
-              {currentSidebarTab === 1 && (
+              {shouldrenderWidgetInspector ? (
                 <div className="pages-container">
-                  {selectedComponents.length === 1 &&
-                    !isEmpty(appDefinition?.pages[currentPageId]?.components) &&
-                    !isEmpty(appDefinition?.pages[currentPageId]?.components[selectedComponents[0]?.id]) && (
-                      <Inspector
-                        moveComponents={moveComponents}
-                        componentDefinitionChanged={componentDefinitionChanged}
-                        removeComponent={removeComponent}
-                        selectedComponentId={selectedComponents[0].id}
-                        allComponents={appDefinition?.pages[currentPageId]?.components}
-                        key={selectedComponents[0].id}
-                        switchSidebarTab={switchSidebarTab}
-                        darkMode={props.darkMode}
-                        pages={getPagesWithIds()}
-                      ></Inspector>
-                    )}
+                  <Inspector
+                    moveComponents={moveComponents}
+                    componentDefinitionChanged={componentDefinitionChanged}
+                    removeComponent={removeComponent}
+                    selectedComponentId={selectedComponents[0].id}
+                    allComponents={appDefinition?.pages[currentPageId]?.components}
+                    key={selectedComponents[0].id}
+                    switchSidebarTab={switchSidebarTab}
+                    darkMode={props.darkMode}
+                    pages={getPagesWithIds()}
+                  />
                 </div>
-              )}
-
-              {(selectedComponents.length > 1 || currentSidebarTab === 2) && (
-                <WidgetManager
-                  componentTypes={componentTypes}
-                  zoomLevel={zoomLevel}
-                  darkMode={props.darkMode}
-                ></WidgetManager>
+              ) : (
+                <WidgetManager componentTypes={componentTypes} zoomLevel={zoomLevel} darkMode={props.darkMode} />
               )}
             </div>
             {config.COMMENT_FEATURE_ENABLE && showComments && (