From 603106525e6525153c560207f72ebdc749d9a2e9 Mon Sep 17 00:00:00 2001
From: tylerslaton <mtslaton1@gmail.com>
Date: Mon, 1 Jul 2024 17:42:22 -0400
Subject: [PATCH] feat: update existing params on blur

Signed-off-by: tylerslaton <mtslaton1@gmail.com>
---
 components/edit/configure/params.tsx | 7 ++++---
 components/script/useChatSocket.tsx  | 1 -
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/edit/configure/params.tsx b/components/edit/configure/params.tsx
index 82bd4060..fddaca66 100644
--- a/components/edit/configure/params.tsx
+++ b/components/edit/configure/params.tsx
@@ -57,10 +57,11 @@ const Imports: React.FC<ExternalProps> = ({params, setParams, className, descrip
                         placeholder="Name..."
                         className="w-1/3"
                         variant="bordered"
-                        value={param}
-                        onChange={(e) => {
+                        defaultValue={param}
+                        onBlur={(e) => {
+                            const target = e.target as HTMLInputElement;
                             const updatedParams = { ...params };
-                            updatedParams[e.target.value] = updatedParams[param];
+                            updatedParams[target.value] = updatedParams[param];
                             delete updatedParams[param];
                             setParams(updatedParams);
                         }}
diff --git a/components/script/useChatSocket.tsx b/components/script/useChatSocket.tsx
index 604fbf92..daea7772 100644
--- a/components/script/useChatSocket.tsx
+++ b/components/script/useChatSocket.tsx
@@ -4,7 +4,6 @@ import type { CallFrame, PromptFrame, PromptResponse, AuthResponse} from '@gptsc
 import { Message, MessageType } from './messages';
 import PromptForm from './messages/promptForm';
 import ConfirmForm from './messages/confirmForm';
-import { initial } from 'lodash';
 
 const useChatSocket = (isEmpty?: boolean) => {
     // State