From 6cc8d7982eb34b910c1e2f17b95da5e23ef8337f Mon Sep 17 00:00:00 2001
From: kevmodrome <kevin@kevmodro.me>
Date: Tue, 28 Apr 2020 14:28:23 +0200
Subject: [PATCH] corrects page switching behaviour in page selection component

---
 .../src/components/userInterface/PagesList.svelte   | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/packages/builder/src/components/userInterface/PagesList.svelte b/packages/builder/src/components/userInterface/PagesList.svelte
index 7b70e55183..33b93719a0 100644
--- a/packages/builder/src/components/userInterface/PagesList.svelte
+++ b/packages/builder/src/components/userInterface/PagesList.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { params } from "@sveltech/routify"
+  import { params, goto } from "@sveltech/routify"
   import { store } from "builderStore"
   import getIcon from "components/common/icon"
   import { CheckIcon } from "components/common/Icons"
@@ -21,6 +21,11 @@
   ]
 
   store.setCurrentPage($params.page ? $params.page : "main")
+
+  const changePage = id => {
+    store.setCurrentPage(id)
+    $goto(`./${id}`)
+  }
 </script>
 
 <div class="root">
@@ -28,14 +33,14 @@
     {#each pages as { title, id }}
       <li>
         <span class="icon">
-          {#if id === $store.currentPageName}
+          {#if id === $params.page}
             <CheckIcon />
           {/if}
         </span>
 
         <button
-          class:active={id === $store.currentPageName}
-          on:click={() => store.setCurrentPage(id)}>
+          class:active={id === $params.page}
+          on:click={() => changePage(id)}>
           {title}
         </button>
       </li>