Elgato_dark/void
1
0
Fork 0
mirror of https://github.com/voideditor/void synced 2026-05-24 09:58:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

hide entire toolbar in user messages

Browse source
This commit is contained in:
Aneta Jastrzębska 2024-09-21 14:14:31 +02:00
parent e893dc0327
commit 8203b42169
2 changed files with 16 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
extensions/void/src/sidebar/MarkdownRender/BlockCode.tsx
View file

@ -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>

4
extensions/void/src/sidebar/Sidebar.tsx
View file

@ -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>