ui: scratchpad: hide sidebar if no extra page loaded

packages/ui-default/components/scratchpad/index.jsx

@@ -34,10 +34,7 @@ function buildNestedPane([a, ...panes], mode = 'horizontal') {
 const pages = {
   problem: {
     icon: () => <ProblemIcon />,
-    component: () => {
-      console.log($('.problem-content'));
-      return <Dom childDom={$('.problem-content').get(0)} id="problem-content" />;
-    },
+    component: () => <Dom childDom={$('.problem-content').get(0)} id="problem-content" />,
   },
 };
 
@@ -78,14 +75,16 @@ export default function ScratchpadContainer() {
     });
   };
 
+  const showSidebar = Object.keys(pages).length > 1;
+
   return (
     <SplitPane
       split="vertical"
       primary="first"
-      defaultSize={50}
+      size={showSidebar ? 50 : 0}
       allowResize={false}
     >
-      <div className="scratchpad__tablist">
+      <div className="scratchpad__tablist" style={{ display: showSidebar ? 'block' : 'none' }}>
         {Object.keys(pages).map((key) => {
           const Component = pages[key].icon;
           return (