From 4cd40ca3125fbf5c6146ccb0306b5d206606af2c Mon Sep 17 00:00:00 2001
From: Morgan Sun <sunmorgan97@gmail.com>
Date: Tue, 17 Sep 2024 22:20:58 -0400
Subject: [PATCH] Update Sidebar.tsx

---
 extensions/void/src/sidebar/Sidebar.tsx | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/extensions/void/src/sidebar/Sidebar.tsx b/extensions/void/src/sidebar/Sidebar.tsx
index 9b7f4a5c..0107e228 100644
--- a/extensions/void/src/sidebar/Sidebar.tsx
+++ b/extensions/void/src/sidebar/Sidebar.tsx
@@ -241,6 +241,11 @@ const Sidebar = () => {
 
 	}, [messageStream])
 
+	//Clear code selection
+	const clearSelection = () => {
+		setSelection(null);
+	};
+
 	return <>
 		<div className="flex flex-col h-full w-full">
 			<div className="flex-grow overflow-y-auto overflow-x-hidden p-4">
@@ -259,8 +264,17 @@ const Sidebar = () => {
 					<FilesSelector files={files} setFiles={setFiles} />
 					{/* selected code */}
 					{!selection?.selectionStr ? null
-						: <BlockCode text={selection?.selectionStr} disableApplyButton={true} />
-					}
+						: (
+							<div className="relative">
+								<button 
+									onClick={clearSelection}
+									className="absolute top-2 right-2 text-white hover:text-gray-300 z-10"
+								>
+									X
+								</button>
+								<BlockCode text={selection.selectionStr} disableApplyButton={true} />
+							</div>
+					)}
 				</div>
 				<form
 					ref={formRef}