From ad4034df844326a4006217032492107f0438af29 Mon Sep 17 00:00:00 2001
From: Saoud Rizwan <7799382+saoudrizwan@users.noreply.github.com>
Date: Wed, 10 Jul 2024 12:09:40 -0400
Subject: [PATCH] Fix bug where send button wouldnt render if textAreaHeight is
 unexpected type; update to version 0.0.5

---
 package.json                           |  2 +-
 webview-ui/src/components/ChatView.tsx | 40 ++++++++++++--------------
 2 files changed, 20 insertions(+), 22 deletions(-)

diff --git a/package.json b/package.json
index 440e6ea..18167a3 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "claude-dev",
   "displayName": "Claude Dev",
   "description": "Claude Dev goes beyond simple code completion by reading & writing files, creating projects, and executing terminal commands with your permission.",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "engines": {
     "vscode": "^1.82.0"
   },
diff --git a/webview-ui/src/components/ChatView.tsx b/webview-ui/src/components/ChatView.tsx
index 5c940f3..11ce126 100644
--- a/webview-ui/src/components/ChatView.tsx
+++ b/webview-ui/src/components/ChatView.tsx
@@ -38,7 +38,7 @@ const ChatView = ({ messages, isHidden }: ChatViewProps) => {
 		const options = {
 			containerId: "chat-view-container",
 			duration: instant ? 0 : 500,
-			smooth: instant ? false : 'easeOutQuint',
+			smooth: instant ? false : "easeOutQuint",
 		}
 		scroll.scrollToBottom(options)
 	}
@@ -336,7 +336,7 @@ const ChatView = ({ messages, isHidden }: ChatViewProps) => {
 					)}
 				</div>
 			)}
-			<div style={{ padding: "10px 15px", opacity: textAreaDisabled ? 0.7 : 1 }}>
+			<div style={{ padding: "10px 15px", opacity: textAreaDisabled ? 0.7 : 1, position: "relative" }}>
 				<DynamicTextArea
 					ref={textAreaRef}
 					value={inputValue}
@@ -362,25 +362,23 @@ const ChatView = ({ messages, isHidden }: ChatViewProps) => {
 						padding: "8px 36px 8px 8px",
 					}}
 				/>
-				{textAreaHeight && (
-					<div
-						style={{
-							position: "absolute",
-							right: "20px",
-							height: `${textAreaHeight}px`,
-							bottom: "12px",
-							display: "flex",
-							alignItems: "center",
-						}}>
-						<VSCodeButton
-							disabled={textAreaDisabled}
-							appearance="icon"
-							aria-label="Send Message"
-							onClick={handleSendMessage}>
-							<span className="codicon codicon-send"></span>
-						</VSCodeButton>
-					</div>
-				)}
+				<div
+					style={{
+						position: "absolute",
+						right: "20px",
+						top: "0px",
+						bottom: "1.5px",
+						display: "flex",
+						alignItems: "center",
+					}}>
+					<VSCodeButton
+						disabled={textAreaDisabled}
+						appearance="icon"
+						aria-label="Send Message"
+						onClick={handleSendMessage}>
+						<span className="codicon codicon-send"></span>
+					</VSCodeButton>
+				</div>
 			</div>
 		</div>
 	)