Merge pull request #47 from AElfProject/feature/left-side-section

fix: Removed unused resizable component

components/left-side.tsx

@@ -1,23 +1,35 @@
+import { useSearchParams } from "next/navigation";
+
 import { BuildDeployPanel } from "./build-deploy-panel";
 import ContractViewer from "./contract-viewer";
 import FileExplorer from "./file-explorer";
 import TopBottom from "./top-bottom";
 import { ResizablePanel } from "./ui/resizable";
 
-const LeftSide = ({ name }: { name: string }) => (
-  <ResizablePanel defaultSize={25}>
-    <TopBottom
-      top={
-        <>
-          <BuildDeployPanel />
-          <FileExplorer />
-        </>
-      }
-      bottom={<ContractViewer name={name} />}
-      topDefaultSize={30}
-      bottomDefaultSize={70}
-    />
-  </ResizablePanel>
+const TopSections = () => (
+  <>
+    <BuildDeployPanel />
+    <FileExplorer />
+  </>
 );
+const LeftSide = ({ name }: { name: string }) => {
+  const searchParams = useSearchParams();
+  const contractViewerAddress = searchParams.get("contract-viewer-address");
+
+  return (
+    <ResizablePanel defaultSize={25}>
+      {contractViewerAddress ? (
+        <TopBottom
+          top={<TopSections />}
+          bottom={<ContractViewer name={name} />}
+          topDefaultSize={30}
+          bottomDefaultSize={70}
+        />
+      ) : (
+        <TopSections />
+      )}
+    </ResizablePanel>
+  );
+};
 
 export default LeftSide;