Skip to content

Commit a6f5626

Browse files
committed
fix: use FoldVertical icon for context management UI consistency
- Replace codicon-fold with FoldVertical from lucide-react in CondensationResultRow and TruncationResultRow - Remove icon from InProgressRow (show only spinner and text) - Matches icon used in condense button and context management settings
1 parent 5fae1f9 commit a6f5626

File tree

3 files changed

+4
-3
lines changed

3 files changed

+4
-3
lines changed

webview-ui/src/components/chat/context-management/CondensationResultRow.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import { useState } from "react"
22
import { useTranslation } from "react-i18next"
33
import { VSCodeBadge } from "@vscode/webview-ui-toolkit/react"
4+
import { FoldVertical } from "lucide-react"
45

56
import type { ContextCondense } from "@roo-code/types"
67

@@ -31,7 +32,7 @@ export function CondensationResultRow({ data }: CondensationResultRowProps) {
3132
className="flex items-center justify-between cursor-pointer select-none"
3233
onClick={() => setIsExpanded(!isExpanded)}>
3334
<div className="flex items-center gap-2 flex-grow">
34-
<span className="codicon codicon-fold text-blue-400" />
35+
<FoldVertical size={16} className="text-blue-400" />
3536
<span className="font-bold text-vscode-foreground">
3637
{t("chat:contextManagement.condensation.title")}
3738
</span>

webview-ui/src/components/chat/context-management/InProgressRow.tsx

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,6 @@ export function InProgressRow({ eventType }: InProgressRowProps) {
2121
return (
2222
<div className="flex items-center gap-2">
2323
<ProgressIndicator />
24-
<span className="codicon codicon-fold text-blue-400" />
2524
<span className="font-bold text-vscode-foreground">{progressText}</span>
2625
</div>
2726
)

webview-ui/src/components/chat/context-management/TruncationResultRow.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
import { useState } from "react"
22
import { useTranslation } from "react-i18next"
3+
import { FoldVertical } from "lucide-react"
34

45
import type { ContextTruncation } from "@roo-code/types"
56

@@ -32,7 +33,7 @@ export function TruncationResultRow({ data }: TruncationResultRowProps) {
3233
className="flex items-center justify-between cursor-pointer select-none"
3334
onClick={() => setIsExpanded(!isExpanded)}>
3435
<div className="flex items-center gap-2 flex-grow">
35-
<span className="codicon codicon-fold text-blue-400" />
36+
<FoldVertical size={16} className="text-blue-400" />
3637
<span className="font-bold text-vscode-foreground">
3738
{t("chat:contextManagement.truncation.title")}
3839
</span>

0 commit comments

Comments
 (0)