Skip to content

Commit 0d5053b

Browse files
brunobergherbrunobergher
committed
Tweaks to PR Fixer page
1 parent e8c06cf commit 0d5053b

File tree

3 files changed

+47
-36
lines changed

3 files changed

+47
-36
lines changed

‎apps/web-roo-code/public/heroes/agent-pr-fixer.png‎

586 KB
Loading

‎apps/web-roo-code/src/app/pr-fixer/PrFixerContent.tsx‎

Lines changed: 31 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ import { EXTERNAL_LINKS } from "@/lib/constants"
1010
import { trackGoogleAdsConversion } from "@/lib/analytics/google-ads"
1111

1212
// Workaround for next/image choking on these for some reason
13-
import hero from "/public/heroes/agent-reviewer.png"
13+
import hero from "/public/heroes/agent-pr-fixer.png"
1414

1515
interface Feature {
1616
icon: LucideIcon
@@ -22,20 +22,24 @@ interface Feature {
2222
const workflowSteps: Feature[] = [
2323
{
2424
icon: GitPullRequest,
25-
title: "1. Work in your PR",
26-
description: "Open a pull request like usual. The PR Fixer seamlessly integrates into your existing workflow.",
25+
title: "1. Connect your Github repositories",
26+
description: "Pick in which repos the PR Fixer can work on by pushing to ongoing branches.",
2727
},
2828
{
2929
icon: MessageSquareCode,
3030
title: "2. Invoke from a comment",
3131
description:
32-
'Ask the agent to fix issues directly from GitHub PR comments (e.g. "roo: fix these review comments"). It’s fully aware of the entire comment history and latest diffs.',
32+
'Ask the agent to fix issues directly from GitHub PR comments (e.g. "@roomote: fix these review comments"). It’s fully aware of the entire comment history and latest diffs and focuses on fixing them – not random changes to your code.',
3333
},
3434
{
3535
icon: Wrench,
36-
title: "3. Clean, scoped commits",
37-
description:
38-
"The agent proposes targeted changes and pushes concise commits or patch suggestions you can review and merge quickly.",
36+
title: "3. Get clean scoped commits",
37+
description: (
38+
<>
39+
The agent proposes targeted changes and pushes concise commits or patch suggestions you (or{" "}
40+
<Link href="/pr-reviewer">PR Reviewer</Link>) can review and merge quickly.,
41+
</>
42+
),
3943
},
4044
]
4145

@@ -70,33 +74,33 @@ export function PrFixerContent() {
7074
<div className="flex flex-col px-4 justify-center space-y-6 sm:space-y-8">
7175
<div>
7276
<h1 className="text-3xl font-bold tracking-tight mt-8 md:text-left md:text-4xl lg:text-5xl lg:mt-0">
73-
Turn review feedback into clean commits — automatically.
77+
<Wrench className="size-12 mb-4" />
78+
State-of-the-art fixes for the comments on your PRs.
7479
</h1>
7580

76-
{/* Cross-agent link */}
77-
<div className="mt-3">
78-
<Link
79-
href="/reviewer"
80-
className="inline-flex items-center rounded-full border border-blue-500/30 bg-blue-500/10 px-3 py-1 text-sm text-blue-600 backdrop-blur-sm transition-colors hover:bg-blue-500/20 dark:text-blue-400"
81-
aria-label="Works great with PR Reviewer">
82-
Works great with PR Reviewer
83-
<ArrowRight className="ml-2 h-4 w-4" />
84-
</Link>
85-
</div>
86-
8781
<div className="mt-4 max-w-lg space-y-4 text-base text-muted-foreground md:text-left sm:mt-6">
8882
<p>
8983
Roo Code{"'"}s PR Fixer applies high-quality changes to your PRs, right from
90-
GitHub. You can invoke it via PR comments and it will read the entire comment
91-
history to understand context, agreements, and tradeoffs — then implement the
92-
right fix.
84+
GitHub. Invoke via PR a comment and it will read the entire comment history to
85+
understand context, agreements, and tradeoffs — then implement the right fix.
9386
</p>
9487
<p>
95-
Because it{"'"}s repository- and diff-aware, it keeps changes tight, follows
96-
conventions, and plays nicely with your CI. You bring the model key; we
97-
orchestrate smart, efficient workflows.
88+
As always, you bring the model key; we orchestrate smart, efficient workflows.
9889
</p>
9990
</div>
91+
92+
{/* Cross-agent link */}
93+
<div className="mt-6 flex flex-col md:flex-row md:items-center gap-2">
94+
Works great with
95+
<Link
96+
href="/reviewer"
97+
className="flex p-4 items-center rounded-full border border-blue-500/30 bg-blue-500/10 px-3 py-1 text-sm text-blue-600 backdrop-blur-sm transition-colors hover:bg-blue-500/20 dark:text-blue-400"
98+
aria-label="Works great with PR Reviewer">
99+
<GitPullRequest className="size-4 mr-2" />
100+
PR Reviewer Agent
101+
<ArrowRight className="ml-2 h-4 w-4" />
102+
</Link>
103+
</div>
100104
</div>
101105

102106
<div className="flex flex-col space-y-3 sm:flex-row sm:space-x-4 sm:space-y-0 md:items-center">
@@ -121,14 +125,14 @@ export function PrFixerContent() {
121125
</div>
122126

123127
<div className="flex items-center justify-end mx-auto h-full mt-8 lg:mt-0">
124-
<div className="md:w-[800px] md:h-[474px] relative overflow-clip">
128+
<div className="md:w-[670px] md:h-[600px] relative overflow-clip">
125129
<div className="block">
126130
<Image
127131
src={hero}
128132
alt="Example of a PR Fixer applying changes from review comments"
129133
className="max-w-full h-auto"
130134
width={800}
131-
height={474}
135+
height={711}
132136
/>
133137
</div>
134138
</div>

‎apps/web-roo-code/src/app/reviewer/ReviewerContent.tsx‎

Lines changed: 16 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ import {
99
GitPullRequest,
1010
Key,
1111
MessageSquareCode,
12+
Wrench,
1213
} from "lucide-react"
1314
import Image from "next/image"
1415
import Link from "next/link"
@@ -87,17 +88,10 @@ export function ReviewerContent() {
8788
<div className="flex flex-col px-4 justify-center space-y-6 sm:space-y-8">
8889
<div>
8990
<h1 className="text-3xl font-bold tracking-tight mt-8 md:text-left md:text-4xl lg:text-5xl lg:mt-0">
91+
<GitPullRequest className="size-12 mb-4" />
9092
Get comprehensive code reviews that save you time, not&nbsp;tokens.
9193
</h1>
92-
<div className="mt-3">
93-
<Link
94-
href="/pr-fixer"
95-
className="inline-flex items-center rounded-full border border-blue-500/30 bg-blue-500/10 px-3 py-1 text-sm text-blue-600 backdrop-blur-sm transition-colors hover:bg-blue-500/20 dark:text-blue-400"
96-
aria-label="Works great with PR Fixer">
97-
Works great with PR Fixer
98-
<ArrowRight className="ml-2 h-4 w-4" />
99-
</Link>
100-
</div>
94+
10195
<div className="mt-4 max-w-lg space-y-4 text-base text-muted-foreground md:text-left sm:mt-6">
10296
<p>
10397
Regular AI code review tools cap model usage to protect their margins from fixed
@@ -110,6 +104,19 @@ export function ReviewerContent() {
110104
your pull request queue moving.
111105
</p>
112106
</div>
107+
108+
{/* Cross-agent link */}
109+
<div className="mt-6 flex flex-col md:flex-row md:items-center gap-2">
110+
Works great with
111+
<Link
112+
href="/pr-fixer"
113+
className="flex p-4 items-center rounded-full border border-blue-500/30 bg-blue-500/10 px-3 py-1 text-sm text-blue-600 backdrop-blur-sm transition-colors hover:bg-blue-500/20 dark:text-blue-400"
114+
aria-label="Works great with PR Fixer">
115+
<Wrench className="size-4 mr-2" />
116+
PR Fixer Agent
117+
<ArrowRight className="ml-2 h-4 w-4" />
118+
</Link>
119+
</div>
113120
</div>
114121
<div className="flex flex-col space-y-3 sm:flex-row sm:space-x-4 sm:space-y-0 md:items-center">
115122
<Button

0 commit comments

Comments
 (0)