Bugfix: pipeline editor kept stale component reference while editing

Author: dterefe

DUUIWeb/src/lib/svelte/components/LayeredPipelineComponents.svelte

@@ -311,7 +311,7 @@
 		use:dndzone={{ items: orderedComponents, dropTargetStyle: {} }}
 		on:consider={handleDndConsider}
 		on:finalize={handleDndFinalize}
-		class="grid md:max-w-5xl mx-auto !cursor-move p-20 variant-soft-primary"
+		class="grid md:max-w-5xl mx-auto !cursor-move p-20"
 	>
 		{#each orderedComponents as component, i (component.id)}
 			<div

DUUIWeb/src/lib/svelte/components/PipelineComponent.svelte

@@ -27,10 +27,14 @@
 	const dispatcher = createEventDispatcher()
 
 	const drawerStore = getDrawerStore()
-	const drawer: DrawerSettings = {
-		id: 'component',
-		...componentDrawerSettings,
-		meta: { component: component, inEditor: inEditor, example: example }
+
+	const openDrawer = () => {
+		const drawer: DrawerSettings = {
+			id: 'component',
+			...componentDrawerSettings,
+			meta: { component, inEditor, example }
+		}
+		drawerStore.open(drawer)
 	}
 </script>
 
@@ -67,9 +71,7 @@
 			<button
 				disabled={!editable}
 				class="pointer-events-auto button-neutral !border-none"
-				on:click={() => {
-					drawerStore.open(drawer)
-				}}
+				on:click={openDrawer}
 			>
 				<Fa icon={faEdit} size="lg" />
 				<p>Edit</p>