Don't show delete or duplicate actions in the component settings bar

This commit is contained in:
Dean 2022-11-17 14:10:55 +00:00
parent 2a7b90e46f
commit 312bc96770
1 changed files with 24 additions and 17 deletions

View File

@ -24,6 +24,9 @@
} }
$: settings = getBarSettings(definition) $: settings = getBarSettings(definition)
$: isScreen =
$builderStore.selectedComponentId === $builderStore.screen?.props?._id
const getBarSettings = definition => { const getBarSettings = definition => {
let allSettings = [] let allSettings = []
definition?.settings?.forEach(setting => { definition?.settings?.forEach(setting => {
@ -152,10 +155,11 @@
{:else if setting.type === "color"} {:else if setting.type === "color"}
<SettingsColorPicker prop={setting.key} /> <SettingsColorPicker prop={setting.key} />
{/if} {/if}
{#if setting.barSeparator !== false} {#if setting.barSeparator !== false && (settings.length != idx + 1 || !isScreen)}
<div class="divider" /> <div class="divider" />
{/if} {/if}
{/each} {/each}
{#if !isScreen}
<SettingsButton <SettingsButton
icon="Duplicate" icon="Duplicate"
on:click={() => { on:click={() => {
@ -168,10 +172,13 @@
<SettingsButton <SettingsButton
icon="Delete" icon="Delete"
on:click={() => { on:click={() => {
builderStore.actions.deleteComponent($builderStore.selectedComponentId) builderStore.actions.deleteComponent(
$builderStore.selectedComponentId
)
}} }}
title="Delete component" title="Delete component"
/> />
{/if}
</div> </div>
{/if} {/if}