From 46da102670e7a9ecd81a946b4cc1f27597a1a7c5 Mon Sep 17 00:00:00 2001
From: Michael Shanks <mike@budibase.com>
Date: Fri, 29 May 2020 14:56:21 +0100
Subject: [PATCH] bugfix: not selecting component after add

---
 .../userInterface/ComponentSelectionList.svelte          | 9 +++++++++
 .../src/components/userInterface/PagesList.svelte        | 3 ++-
 .../src/pages/[application]/frontend/_layout.svelte      | 3 ++-
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/builder/src/components/userInterface/ComponentSelectionList.svelte b/packages/builder/src/components/userInterface/ComponentSelectionList.svelte
index 2a46e5d6f6..d39acf872a 100644
--- a/packages/builder/src/components/userInterface/ComponentSelectionList.svelte
+++ b/packages/builder/src/components/userInterface/ComponentSelectionList.svelte
@@ -1,4 +1,5 @@
 <script>
+  import { goto } from "@sveltech/routify"
   import { splitName } from "./pagesParsing/splitRootComponentName.js"
   import components from "./temporaryPanelStructure.js"
   import ConfirmDialog from "components/common/ConfirmDialog.svelte"
@@ -32,7 +33,15 @@
 
   const onComponentChosen = component => {
     store.addChildComponent(component._component)
+    
     toggleTab("Navigate")
+    
+    // Get ID path
+    const path = store.getPathToComponent($store.currentComponentInfo)
+
+    // Go to correct URL
+    $goto(`./:page/:screen/${path}`)
+    
   }
 </script>
 
diff --git a/packages/builder/src/components/userInterface/PagesList.svelte b/packages/builder/src/components/userInterface/PagesList.svelte
index 562c813865..823f922bb6 100644
--- a/packages/builder/src/components/userInterface/PagesList.svelte
+++ b/packages/builder/src/components/userInterface/PagesList.svelte
@@ -20,7 +20,8 @@
     },
   ]
 
-  store.setCurrentPage($params.page ? $params.page : "main")
+  if (!$store.currentPageName)
+    store.setCurrentPage($params.page ? $params.page : "main")
 
   const changePage = id => {
     store.setCurrentPage(id)
diff --git a/packages/builder/src/pages/[application]/frontend/_layout.svelte b/packages/builder/src/pages/[application]/frontend/_layout.svelte
index deea52ce3e..293623f8d2 100644
--- a/packages/builder/src/pages/[application]/frontend/_layout.svelte
+++ b/packages/builder/src/pages/[application]/frontend/_layout.svelte
@@ -55,7 +55,8 @@
         <FrontendNavigatePane />
       </div>
       <div slot="1">
-        <ComponentSelectionList toggleTab={leftNavSwitcher.selectTab} />      </div>
+        <ComponentSelectionList toggleTab={leftNavSwitcher.selectTab} />      
+      </div>
     </Switcher>