Prevent inline editing of components with missing required settings

4 years ago · 8fbcf86d40
1 changed files with 1 additions and 1 deletions
--- a/packages/client/src/components/Component.svelte
+++ b/packages/client/src/components/Component.svelte
@ -101,10 +101,10 @@

  // Derive definition properties which can all be optional, so need to be
  // coerced to booleans
-  $: editable = !!definition?.editable
  $: hasChildren = !!definition?.hasChildren
  $: showEmptyState = definition?.showEmptyState !== false
  $: hasMissingRequiredSettings = missingRequiredSettings?.length > 0
+  $: editable = !!definition?.editable && !hasMissingRequiredSettings

  // Interactive components can be selected, dragged and highlighted inside
  // the builder preview