Don't show delete or duplicate actions in the component settings bar
This commit is contained in:
parent
2a7b90e46f
commit
312bc96770
|
@ -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}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue