From 8203b421695a87ff97fa06f8364344937a46fcf2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aneta=20Jastrz=C4=99bska?=
 <1544710+anetaj@users.noreply.github.com>
Date: Sat, 21 Sep 2024 14:14:31 +0200
Subject: [PATCH] hide entire toolbar in user messages

---
 .../src/sidebar/MarkdownRender/BlockCode.tsx  | 28 +++++++++----------
 extensions/void/src/sidebar/Sidebar.tsx       |  4 +--
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/extensions/void/src/sidebar/MarkdownRender/BlockCode.tsx b/extensions/void/src/sidebar/MarkdownRender/BlockCode.tsx
index e165ce1e..37d5b5bd 100644
--- a/extensions/void/src/sidebar/MarkdownRender/BlockCode.tsx
+++ b/extensions/void/src/sidebar/MarkdownRender/BlockCode.tsx
@@ -12,10 +12,10 @@ const COPY_FEEDBACK_TIMEOUT = 1000
 // code block with Apply button at top
 const BlockCode = ({
 	text,
-	disableApplyButton = false,
+	hideToolbar = false,
 }: {
 	text: string
-	disableApplyButton?: boolean
+	hideToolbar?: boolean
 }) => {
 	const [copyButtonState, setCopyButtonState] = useState(CopyButtonState.Copy)
 
@@ -40,15 +40,15 @@ const BlockCode = ({
 
 	return (
 		<div className="relative group">
-			<div className="absolute top-0 right-0 invisible group-hover:visible">
-				<div className="flex space-x-2 p-2">
-					<button
-						className="btn btn-secondary btn-sm border border-vscode-input-border rounded"
-						onClick={onCopy}
-					>
-						{copyButtonState}
-					</button>
-					{!disableApplyButton && (
+			{!hideToolbar && (
+				<div className="absolute top-0 right-0 invisible group-hover:visible">
+					<div className="flex space-x-2 p-2">
+						<button
+							className="btn btn-secondary btn-sm border border-vscode-input-border rounded"
+							onClick={onCopy}
+						>
+							{copyButtonState}
+						</button>
 						<button
 							className="btn btn-secondary btn-sm border border-vscode-input-border rounded"
 							onClick={async () => {
@@ -57,12 +57,12 @@ const BlockCode = ({
 						>
 							Apply
 						</button>
-					)}
+					</div>
 				</div>
-			</div>
+			)}
 			<div
 				className={`overflow-x-auto rounded-sm text-vscode-editor-fg bg-vscode-editor-bg ${
-					disableApplyButton ? "" : "rounded-tl-none"
+					hideToolbar ? "" : "rounded-tl-none"
 				}`}
 			>
 				<pre className="p-4">{text}</pre>
diff --git a/extensions/void/src/sidebar/Sidebar.tsx b/extensions/void/src/sidebar/Sidebar.tsx
index e828e4ba..04ed3020 100644
--- a/extensions/void/src/sidebar/Sidebar.tsx
+++ b/extensions/void/src/sidebar/Sidebar.tsx
@@ -82,7 +82,7 @@ const ChatBubble = ({ chatMessage }: { chatMessage: ChatMessage }) => {
 	if (role === 'user') {
 		chatbubbleContents = <>
 			<IncludedFiles files={chatMessage.files} />
-			{chatMessage.selection?.selectionStr && <BlockCode text={chatMessage.selection.selectionStr} disableApplyButton={true} />}
+			{chatMessage.selection?.selectionStr && <BlockCode text={chatMessage.selection.selectionStr} hideToolbar />}
 			{children}
 		</>
 	}
@@ -272,7 +272,7 @@ const Sidebar = () => {
 								>
 									X
 								</button>
-								<BlockCode text={selection.selectionStr} disableApplyButton={true} />
+								<BlockCode text={selection.selectionStr} hideToolbar />
 							</div>
 					)}
 				</div>