From 984e0c533ebd2dc040b94036039d79220faa0cd7 Mon Sep 17 00:00:00 2001
From: "Timothy J. Baek" <timothyjrbeck@gmail.com>
Date: Wed, 18 Sep 2024 00:18:47 +0200
Subject: [PATCH] refac

---
 src/lib/components/chat/ChatControls.svelte |  1 +
 src/lib/components/chat/Overview.svelte     |  4 +++-
 src/lib/components/common/Drawer.svelte     | 17 ++++++++++-------
 3 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/lib/components/chat/ChatControls.svelte b/src/lib/components/chat/ChatControls.svelte
index e87487e8f..4f22c0326 100644
--- a/src/lib/components/chat/ChatControls.svelte
+++ b/src/lib/components/chat/ChatControls.svelte
@@ -73,6 +73,7 @@
 			</div>
 		{:else if $showControls}
 			<Drawer
+				show={$showControls}
 				on:close={() => {
 					showControls.set(false);
 				}}
diff --git a/src/lib/components/chat/Overview.svelte b/src/lib/components/chat/Overview.svelte
index 2054e115b..a185026e9 100644
--- a/src/lib/components/chat/Overview.svelte
+++ b/src/lib/components/chat/Overview.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import { getContext, createEventDispatcher } from 'svelte';
 	import { useSvelteFlow, useNodesInitialized, useStore } from '@xyflow/svelte';
 	import { SvelteFlow, Controls, Background, BackgroundVariant } from '@xyflow/svelte';
@@ -91,6 +91,8 @@
 					id: parentId + '-' + pos.id,
 					source: parentId,
 					target: pos.id,
+					selectable: false,
+
 					type: 'smoothstep',
 					animated: true
 				});
diff --git a/src/lib/components/common/Drawer.svelte b/src/lib/components/common/Drawer.svelte
index bfa93adf3..7ee95c6d7 100644
--- a/src/lib/components/common/Drawer.svelte
+++ b/src/lib/components/common/Drawer.svelte
@@ -44,19 +44,22 @@
 		window.addEventListener('keydown', handleKeyDown);
 		document.body.style.overflow = 'hidden';
 	} else if (modalElement) {
-		window.removeEventListener('keydown', handleKeyDown);
-		document.body.removeChild(modalElement);
-		document.body.style.overflow = 'unset';
-	}
-
-	$: if (!show) {
 		dispatch('close');
+		window.removeEventListener('keydown', handleKeyDown);
+
+		if (document.body.contains(modalElement)) {
+			document.body.removeChild(modalElement);
+			document.body.style.overflow = 'unset';
+		}
 	}
 
 	onDestroy(() => {
 		show = false;
 		if (modalElement) {
-			document.body.removeChild(modalElement);
+			if (document.body.contains(modalElement)) {
+				document.body.removeChild(modalElement);
+				document.body.style.overflow = 'unset';
+			}
 		}
 	});
 </script>