From 0a24d5e814ed4163bf0f45c4d3c1c803da945331 Mon Sep 17 00:00:00 2001
From: kevmodrome <kevin@kevmodro.me>
Date: Fri, 1 May 2020 17:39:50 +0200
Subject: [PATCH] move onSelect method ComponentsHierarchyChildren

---
 .../components/userInterface/ComponentsHierarchy.svelte   | 2 --
 .../userInterface/ComponentsHierarchyChildren.svelte      | 8 +++++++-
 .../src/components/userInterface/PageLayout.svelte        | 3 ---
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/packages/builder/src/components/userInterface/ComponentsHierarchy.svelte b/packages/builder/src/components/userInterface/ComponentsHierarchy.svelte
index 05a3163911..72e91d0600 100644
--- a/packages/builder/src/components/userInterface/ComponentsHierarchy.svelte
+++ b/packages/builder/src/components/userInterface/ComponentsHierarchy.svelte
@@ -49,7 +49,6 @@
   }
 
   const changeScreen = screen => {
-    console.log("Screen: ", screen)
     store.setCurrentScreen(screen.title)
     $goto(`./:page/${screen.title}`)
   }
@@ -82,7 +81,6 @@
       <ComponentsHierarchyChildren
         components={screen.component.props._children}
         currentComponent={$store.currentComponentInfo}
-        onSelect={store.selectComponent}
         onDeleteComponent={confirmDeleteComponent}
         onMoveUpComponent={store.moveUpComponent}
         onMoveDownComponent={store.moveDownComponent}
diff --git a/packages/builder/src/components/userInterface/ComponentsHierarchyChildren.svelte b/packages/builder/src/components/userInterface/ComponentsHierarchyChildren.svelte
index f1d72da457..51301a32c1 100644
--- a/packages/builder/src/components/userInterface/ComponentsHierarchyChildren.svelte
+++ b/packages/builder/src/components/userInterface/ComponentsHierarchyChildren.svelte
@@ -1,4 +1,5 @@
 <script>
+  import { store } from "builderStore"
   import { last } from "lodash/fp"
   import { pipe } from "../common/core"
   import {
@@ -16,6 +17,7 @@
   export let onMoveUpComponent
   export let onMoveDownComponent
   export let onCopyComponent
+  export let ids = []
 
   const capitalise = s => s.substring(0, 1).toUpperCase() + s.substring(1)
   const get_name = s => (!s ? "" : last(s.split("/")))
@@ -28,11 +30,15 @@
       return onMoveDownComponent(c)
     }
   }
+
+  const selectComponent = (ids, component) => {
+    store.selectComponent(component)
+  }
 </script>
 
 <ul>
   {#each components as component, index (component._id)}
-    <li on:click|stopPropagation={() => onSelect(component)}>
+    <li on:click|stopPropagation={() => selectComponent(ids, component)}>
       <div
         class="budibase__nav-item item"
         class:selected={currentComponent === component}
diff --git a/packages/builder/src/components/userInterface/PageLayout.svelte b/packages/builder/src/components/userInterface/PageLayout.svelte
index 948f2c20e0..fb56e142bd 100644
--- a/packages/builder/src/components/userInterface/PageLayout.svelte
+++ b/packages/builder/src/components/userInterface/PageLayout.svelte
@@ -73,7 +73,6 @@
     <ComponentsHierarchyChildren
       components={_layout.component.props._children}
       currentComponent={$store.currentComponentInfo}
-      onSelect={store.selectComponent}
       onDeleteComponent={confirmDeleteComponent}
       onMoveUpComponent={store.moveUpComponent}
       onMoveDownComponent={store.moveDownComponent}
@@ -103,8 +102,6 @@
   .pagelayoutSection {
     margin: 20px 0px 20px 0px;
   }
-  .root {
-  }
   .title {
     margin-left: 10px;
     font-size: 13px;