[4.x] Ensure blueprint tabs & sections always have handles (#10014)

statamic · May 7, 2024 · 3df149d · 3df149d
1 parent e94487b
commit 3df149d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/resources/js/components/blueprints/Section.vue b/resources/js/components/blueprints/Section.vue
@@ -195,6 +195,10 @@ export default {
         },
 
         editConfirmed() {
+            if (! this.editingSection.handle) {
+                this.editingSection.handle = this.$slugify(this.editingSection.display, '_');
+            }
+
             this.$emit('updated', {...this.section, ...this.editingSection});
             this.editingSection = false;
         },

diff --git a/resources/js/components/blueprints/Tab.vue b/resources/js/components/blueprints/Tab.vue
@@ -134,13 +134,18 @@ export default {
         },
 
         editConfirmed() {
+            if (! this.handle) {
+                this.handle = this.$slugify(this.display, '_');
+            }
+
             this.$emit('updated', {
                 ...this.tab,
                 handle: this.handle,
                 display: this.display,
                 instructions: this.instructions,
                 icon: this.icon,
             });
+
             this.editing = false;
         },