fix(ui): remove flow samples when leaving guided tour (#1050)

kestra-io · Mar 10, 2023 · 27e26fb · 27e26fb
1 parent 93f526c
commit 27e26fb
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/ui/src/components/flows/FlowEdit.vue b/ui/src/components/flows/FlowEdit.vue
@@ -53,7 +53,8 @@
                     ContentCopy: shallowRef(ContentCopy),
                     ContentSave: shallowRef(ContentSave),
                     Delete: shallowRef(Delete),
-                }
+                },
+                lastChangeWasGuided: false,
             };
         },
         computed: {
@@ -90,11 +91,16 @@
                 if (localStorage.getItem("tourDoneOrSkip") !== "true") {
                     if (this.guidedProperties.source !== undefined) {
                         this.content = this.guidedProperties.source
+                        this.lastChangeWasGuided = true;
                     }
                     if (this.guidedProperties.saveFlow) {
                         this.save();
                     }
                 }
+                else if(this.lastChangeWasGuided) {
+                    this.content = "";
+                    this.lastChangeWasGuided = false;
+                }
             }
         }
     };

diff --git a/ui/src/components/onboarding/VueTour.vue b/ui/src/components/onboarding/VueTour.vue
@@ -375,15 +375,23 @@
             skipTour(currentStep) {
                 this.dispatchEvent(currentStep,"skip")
                 localStorage.setItem("tourDoneOrSkip", "true");
+                this.$store.commit("core/setGuidedProperties", {
+                    ...this.guidedProperties,
+                    tourStarted:false,
+                    saveFlow: false,
+                    executeFlow: false,
+                    validateInputs: true,
+                    monacoRange: undefined,
+                    monacoDisableRange: undefined});
                 return this.$tours["guidedTour"].stop();
             },
             finishTour(currentStep) {
                 this.dispatchEvent(currentStep,"finish")
                 this.dispatchEvent(currentStep,"executed")
                 localStorage.setItem("tourDoneOrSkip", "true");
                 this.$store.commit("core/setGuidedProperties", {
+                    ...this.guidedProperties,
                     tourStarted:false,
-                    flowSource: "",
                     saveFlow: false,
                     executeFlow: false,
                     validateInputs: true,