fix(code-review): highlight active comment filter

MattPua · MattPua · commit 429d1b33c085 · 2026-07-20T13:06:26.000-04:00
Generated-By: PostHog Code
Task-Id: 199c1147-fca6-415b-9ea1-00a45d9b7267
diff --git a/packages/ui/src/features/code-review/components/ReviewToolbar.tsx b/packages/ui/src/features/code-review/components/ReviewToolbar.tsx
@@ -125,11 +125,12 @@ export const ReviewToolbar = memo(function ReviewToolbar({
           >
             <Button
               size="icon-sm"
+              variant={showCommentedFilesOnly ? "primary" : "default"}
               onClick={onToggleCommentedFilesOnly}
               disabled={commentedFileCount === 0 && !showCommentedFilesOnly}
               aria-label="Filter files with comments"
               aria-pressed={showCommentedFilesOnly}
-              className={`rounded-xs ${showCommentedFilesOnly ? "bg-(--gray-4)" : ""}`}
+              className="rounded-xs"
             >
               <ChatCircle
                 size={14}

Original file line number	Diff line number	Diff line change
`@@ -125,11 +125,12 @@ export const ReviewToolbar = memo(function ReviewToolbar({`
`125`	`125`	`>`
`126`	`126`	`<Button`
`127`	`127`	`size="icon-sm"`
	`128`	`+ variant={showCommentedFilesOnly ? "primary" : "default"}`
`128`	`129`	`onClick={onToggleCommentedFilesOnly}`
`129`	`130`	`disabled={commentedFileCount === 0 && !showCommentedFilesOnly}`
`130`	`131`	`aria-label="Filter files with comments"`
`131`	`132`	`aria-pressed={showCommentedFilesOnly}`
`132`		- className={`rounded-xs ${showCommentedFilesOnly ? "bg-(--gray-4)" : ""}`}
	`133`	`+ className="rounded-xs"`
`133`	`134`	`>`
`134`	`135`	`<ChatCircle`
`135`	`136`	`size={14}`