From 76fdca868164dccaaaf265dd4c5e965a41a78d92 Mon Sep 17 00:00:00 2001
From: Katrin Yordanova <katrin.yordanova@crust.tech>
Date: Thu, 9 Feb 2023 18:23:24 +0200
Subject: [PATCH] Use workflow name as title of file if handle isn't provided

---
 client/web/workflow/src/components/Export.vue         | 3 ++-
 client/web/workflow/src/components/WorkflowEditor.vue | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/web/workflow/src/components/Export.vue b/client/web/workflow/src/components/Export.vue
index a1b77343c..54dc88c7f 100644
--- a/client/web/workflow/src/components/Export.vue
+++ b/client/web/workflow/src/components/Export.vue
@@ -68,7 +68,8 @@ export default {
 
       // Save file
       const blob = new Blob([JSON.stringify({ workflows }, null, 2)], { type: 'application/json' })
-      saveAs(blob, `${this.fileName}.json`)
+      const filename = this.fileName.replace(/[/\\?%*:|"<>]/g, '')
+      saveAs(blob, `${filename}.json`)
     },
   },
 }
diff --git a/client/web/workflow/src/components/WorkflowEditor.vue b/client/web/workflow/src/components/WorkflowEditor.vue
index ef1a6c0c9..97eb4a16d 100644
--- a/client/web/workflow/src/components/WorkflowEditor.vue
+++ b/client/web/workflow/src/components/WorkflowEditor.vue
@@ -329,7 +329,7 @@
         <export
           data-test-id="button-export-workflow"
           :workflows="[workflow.workflowID]"
-          :file-name="workflow.handle"
+          :file-name="workflow.meta.name || workflow.handle"
           class="ml-1"
         />