Update view components button in screen section to function

This commit is contained in:
Andrew Kingston 2022-04-26 14:26:55 +01:00
parent 01bfb86276
commit bff36f499a
2 changed files with 22 additions and 15 deletions

View File

@ -21,10 +21,11 @@
) )
</script> </script>
<SettingsPanel {#if $selectedComponent}
<SettingsPanel
title={$selectedComponent._instanceName} title={$selectedComponent._instanceName}
icon={componentDefinition.icon} icon={componentDefinition.icon}
> >
<ComponentSettingsSection <ComponentSettingsSection
{componentInstance} {componentInstance}
{componentDefinition} {componentDefinition}
@ -33,5 +34,10 @@
/> />
<DesignSection {componentInstance} {componentDefinition} {bindings} /> <DesignSection {componentInstance} {componentDefinition} {bindings} />
<CustomStylesSection {componentInstance} {componentDefinition} {bindings} /> <CustomStylesSection {componentInstance} {componentDefinition} {bindings} />
<ConditionalUISection {componentInstance} {componentDefinition} {bindings} /> <ConditionalUISection
</SettingsPanel> {componentInstance}
{componentDefinition}
{bindings}
/>
</SettingsPanel>
{/if}

View File

@ -14,6 +14,7 @@
import RoleSelect from "components/design/settings/controls/RoleSelect.svelte" import RoleSelect from "components/design/settings/controls/RoleSelect.svelte"
import { selectedScreen, store } from "builderStore" import { selectedScreen, store } from "builderStore"
import sanitizeUrl from "builderStore/store/screenTemplates/utils/sanitizeUrl" import sanitizeUrl from "builderStore/store/screenTemplates/utils/sanitizeUrl"
import { goto } from "@roxi/routify"
let errors = {} let errors = {}
@ -138,6 +139,6 @@
props={{ ...setting.props, error: errors[setting.key] }} props={{ ...setting.props, error: errors[setting.key] }}
/> />
{/each} {/each}
<Button cta>View components</Button> <Button cta on:click={() => $goto("../components")}>View components</Button>
</Layout> </Layout>
</SettingsPanel> </SettingsPanel>