From 177f2e92f84a73fded08a6f01025ec647cdd2186 Mon Sep 17 00:00:00 2001
From: Andrew <andrewpareles@gmail.com>
Date: Thu, 17 Oct 2024 21:34:30 -0700
Subject: [PATCH] amend - fix disabled

---
 extensions/void/src/sidebar/SidebarChat.tsx | 13 +++++++++----
 extensions/void/src/sidebar/styles.css      |  1 +
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/extensions/void/src/sidebar/SidebarChat.tsx b/extensions/void/src/sidebar/SidebarChat.tsx
index 87c361d4..01014564 100644
--- a/extensions/void/src/sidebar/SidebarChat.tsx
+++ b/extensions/void/src/sidebar/SidebarChat.tsx
@@ -136,10 +136,13 @@ export const SidebarChat = () => {
 	})
 
 
+	const isDisabled = !instructions
+
 	const formRef = useRef<HTMLFormElement | null>(null)
 	const onSubmit = async (e: FormEvent<HTMLFormElement>) => {
 
 		e.preventDefault()
+		if (isDisabled) return
 		if (isLoading) return
 
 		setIsLoading(true)
@@ -238,6 +241,7 @@ export const SidebarChat = () => {
 								)} />
 							)}
 						</div>}
+
 						<form
 							ref={formRef}
 							className="flex flex-row items-center rounded-md p-2"
@@ -245,7 +249,6 @@ export const SidebarChat = () => {
 
 							onSubmit={(e) => {
 								console.log('submit!')
-								e.preventDefault();
 								onSubmit(e)
 							}}>
 							{/* input */}
@@ -257,16 +260,18 @@ export const SidebarChat = () => {
 								rows={1}
 								onInput={e => { e.currentTarget.style.height = 'auto'; e.currentTarget.style.height = e.currentTarget.scrollHeight + 'px' }} // Adjust height dynamically
 							/>
-							{/* submit button */}
 							{isLoading ?
+								// stop button
 								<button
 									onClick={onStop}
 									className="btn btn-primary rounded-r-lg max-h-10 p-2"
 									type='button'
 								>Stop</button>
-								: <button
+								:
+								// submit button (up arrow)
+								<button
 									className="btn btn-primary font-bold size-8 flex justify-center items-center rounded-full p-2 max-h-10"
-									disabled={!instructions}
+									disabled={isDisabled}
 									type='submit'
 								>
 									<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
diff --git a/extensions/void/src/sidebar/styles.css b/extensions/void/src/sidebar/styles.css
index 67dcac2a..9108e9b3 100644
--- a/extensions/void/src/sidebar/styles.css
+++ b/extensions/void/src/sidebar/styles.css
@@ -29,6 +29,7 @@ html {
 		}
 	}
 
+	/* add transparency when disabled */
 	&:disabled {
 		@apply opacity-75 cursor-not-allowed;
 	}