CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-06-30 03:50:37 +12:00
Code Issues Projects Releases Wiki Activity

corrects page switching behaviour in page selection component

Browse source
This commit is contained in:
kevmodrome 2020-04-28 14:28:23 +02:00
parent d931b9018b
commit 6cc8d7982e
1 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
packages/builder/src/components/userInterface/PagesList.svelte
View file

@ -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>