moved SidePaneWrapper to IDE

appsmithorg · Oct 21, 2024 · 3639094 · 3639094
1 parent 2d96cc6
commit 3639094
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/...ient/src/pages/common/SidePaneWrapper.tsx → ...nt/src/IDE/Components/SidePaneWrapper.tsx b/...ient/src/pages/common/SidePaneWrapper.tsx → ...nt/src/IDE/Components/SidePaneWrapper.tsx
diff --git a/app/client/src/IDE/index.ts b/app/client/src/IDE/index.ts
@@ -54,6 +54,11 @@ export { default as IDEBottomView } from "./Components/BottomView";
  * It switches between different editor states
  */
 export { default as IDESidebar } from "./Components/Sidebar";
+/**
+ * IDESidePaneWrapper is used as a wrapper for side panes, which provides a border and optional padding
+ * and enforces 100% width and height to the parent.
+ */
+export { default as IDESidePaneWrapper } from "./Components/SidePaneWrapper";
 
 /* ====================================================
     **** Interfaces ****

diff --git a/app/client/src/ce/pages/Editor/IDE/LeftPane/LibrarySidePane.tsx b/app/client/src/ce/pages/Editor/IDE/LeftPane/LibrarySidePane.tsx
@@ -1,12 +1,12 @@
 import React from "react";
 import JSLibrariesSection from "pages/Editor/IDE/LeftPane/JSLibrariesSection";
-import SidePaneWrapper from "pages/common/SidePaneWrapper";
+import { IDESidePaneWrapper } from "IDE";
 
 const LibrarySidePane = () => {
   return (
-    <SidePaneWrapper>
+    <IDESidePaneWrapper>
       <JSLibrariesSection />
-    </SidePaneWrapper>
+    </IDESidePaneWrapper>
   );
 };