From a9fde685928fce3b3786bcef551fcce557cb4d9f Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Fri, 4 Nov 2022 16:15:28 +0100
Subject: [PATCH] UX same worker tab

---
 .../flows/content/FlowEditorPanel.svelte         |  2 ++
 .../flows/content/FlowModuleComponent.svelte     | 16 ++++++++++++++++
 2 files changed, 18 insertions(+)

diff --git a/frontend/src/lib/components/flows/content/FlowEditorPanel.svelte b/frontend/src/lib/components/flows/content/FlowEditorPanel.svelte
index ff99ef089e..834bad83be 100644
--- a/frontend/src/lib/components/flows/content/FlowEditorPanel.svelte
+++ b/frontend/src/lib/components/flows/content/FlowEditorPanel.svelte
@@ -20,6 +20,8 @@
 		<FlowInput />
 	{:else if $selectedId === 'settings-schedule'}
 		<FlowSettings {initialPath} defaultTab="schedule" />
+	{:else if $selectedId === 'settings-same-worker'}
+		<FlowSettings {initialPath} defaultTab="same-worker" />
 	{:else if $selectedId === 'failure'}
 		<FlowFailureModule />
 	{:else}
diff --git a/frontend/src/lib/components/flows/content/FlowModuleComponent.svelte b/frontend/src/lib/components/flows/content/FlowModuleComponent.svelte
index 465a38eb45..f74fb3c73a 100644
--- a/frontend/src/lib/components/flows/content/FlowModuleComponent.svelte
+++ b/frontend/src/lib/components/flows/content/FlowModuleComponent.svelte
@@ -24,6 +24,8 @@
 	import { getStepPropPicker } from '../previousResults'
 	import Tooltip from '$lib/components/Tooltip.svelte'
 	import { Kbd } from '$lib/components/common'
+	import Button from '$lib/components/common/button/Button.svelte'
+	import Alert from '$lib/components/common/alert/Alert.svelte'
 
 	const { selectedId, previewArgs } = getContext<FlowEditorContext>('FlowEditorContext')
 
@@ -188,6 +190,7 @@
 							{#if !$selectedId.includes('failure')}
 								<Tab value="early-stop">Early Stop</Tab>
 								<Tab value="suspend">Sleep/Suspend</Tab>
+								<Tab value="same_worker">Same Worker/Shared dir</Tab>
 							{/if}
 						</Tabs>
 						<div class="h-[calc(100%-32px)]">
@@ -225,6 +228,19 @@
 								<div class="px-4 pb-4 h-full overflow-auto">
 									<FlowModuleSuspend previousModuleId={previousModule?.id} bind:flowModule />
 								</div>
+							{:else if selected === 'same_worker'}
+								<div class="p-4  h-full overflow-auto">
+									<Alert type="info" title="Share a directory using same worker">
+										If same worker is set, all steps will be run on the same worker and will share
+										the folder `/shared` to pass data between each other.
+									</Alert>
+									<Button
+										btnClasses="mt-4"
+										on:click={() => {
+											$selectedId = 'settings-same-worker'
+										}}>Set same worker in the flow settings</Button
+									>
+								</div>
 							{/if}
 						</div>
 					</Pane>