Skip to content

Commit d9c7473

Browse files
brunobergherbrunobergher
committed
Updates upsell copy to reflect today's product
1 parent 9027625 commit d9c7473

File tree

21 files changed

+146
-100
lines changed

21 files changed

+146
-100
lines changed

‎webview-ui/src/components/cloud/CloudUpsellDialog.tsx‎

Lines changed: 18 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { useTranslation } from "react-i18next"
22
import { Dialog, DialogContent, DialogHeader, Button } from "@/components/ui"
33
import RooHero from "../welcome/RooHero"
4-
import { CircleDollarSign, FileStack, Router, Share } from "lucide-react"
4+
import { ArrowRight, Brain, Cable, CircleDollarSign, FileStack, Router, Users2 } from "lucide-react"
55
import { DialogTitle } from "@radix-ui/react-dialog"
66

77
interface CloudUpsellDialogProps {
@@ -19,21 +19,29 @@ export const renderCloudBenefitsContent = (t: any) => {
1919
</div>
2020
<h1 className="text-xl font-bold text-vscode-foreground">{t("cloud:cloudBenefitsTitle")}</h1>
2121
<div className="text-lg">
22-
<ul className="text-vscode-descriptionForeground space-y-4 my-8">
22+
<ul className="text-vscode-descriptionForeground space-y-2 my-8">
2323
<li className="flex items-start gap-2">
24-
<Router className="size-4 mt-0.5 shrink-0" />
25-
{t("cloud:cloudBenefitWalkaway")}
24+
<Brain className="size-4 mt-1 shrink-0" />
25+
{t("cloud:cloudBenefitProvider")}
26+
</li>
27+
<li className="flex items-start gap-2">
28+
<Users2 className="size-4 mt-1 shrink-0" />
29+
{t("cloud:cloudBenefitCloudAgents")}
2630
</li>
2731
<li className="flex items-start gap-2">
28-
<Share className="size-4 mt-0.5 shrink-0" />
29-
{t("cloud:cloudBenefitSharing")}
32+
<Cable className="size-4 mt-1 shrink-0" />
33+
{t("cloud:cloudBenefitTriggers")}
34+
</li>
35+
<li className="flex items-start gap-2">
36+
<Router className="size-4 mt-1 shrink-0" />
37+
{t("cloud:cloudBenefitWalkaway")}
3038
</li>
3139
<li className="flex items-start gap-2">
32-
<CircleDollarSign className="size-4 mt-0.5 shrink-0" />
40+
<CircleDollarSign className="size-4 mt-1 shrink-0" />
3341
{t("cloud:cloudBenefitMetrics")}
3442
</li>
3543
<li className="flex items-start gap-2">
36-
<FileStack className="size-4 mt-0.5 shrink-0" />
44+
<FileStack className="size-4 mt-1 shrink-0" />
3745
{t("cloud:cloudBenefitHistory")}
3846
</li>
3947
</ul>
@@ -56,8 +64,9 @@ export const CloudUpsellDialog = ({ open, onOpenChange, onConnect }: CloudUpsell
5664
{renderCloudBenefitsContent(t)}
5765

5866
<div className="flex flex-col gap-4">
59-
<Button onClick={onConnect} className="w-full">
67+
<Button variant="primary" onClick={onConnect} className="w-full">
6068
{t("cloud:connect")}
69+
<ArrowRight />
6170
</Button>
6271
</div>
6372
</div>

‎webview-ui/src/components/cloud/CloudView.tsx‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ import { vscode } from "@src/utils/vscode"
99
import { telemetryClient } from "@src/utils/TelemetryClient"
1010
import { ToggleSwitch } from "@/components/ui/toggle-switch"
1111
import { renderCloudBenefitsContent } from "./CloudUpsellDialog"
12-
import { CircleAlert, Info, Lock, TriangleAlert } from "lucide-react"
12+
import { ArrowRight, CircleAlert, Info, Lock, TriangleAlert } from "lucide-react"
1313
import { cn } from "@/lib/utils"
1414
import { Tab, TabContent } from "../common/Tab"
1515
import { Button } from "@/components/ui/button"
@@ -265,12 +265,13 @@ export const CloudView = ({ userInfo, isAuthenticated, cloudApiUrl, organization
265265
</>
266266
) : (
267267
<>
268-
<div className="flex flex-col items-start gap-4 px-8 max-w-100">
268+
<div className="flex flex-col items-start gap-4 px-4 max-w-1lg">
269269
<div className={cn(authInProgress && "opacity-50")}>{renderCloudBenefitsContent(t)}</div>
270270

271271
{!authInProgress && (
272-
<Button variant="primary" onClick={handleConnectClick} className="w-full">
272+
<Button variant="primary" onClick={handleConnectClick}>
273273
{t("cloud:connect")}
274+
<ArrowRight />
274275
</Button>
275276
)}
276277

‎webview-ui/src/components/ui/button.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import { cva, type VariantProps } from "class-variance-authority"
55
import { cn } from "@/lib/utils"
66

77
const buttonVariants = cva(
8-
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl text-base font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer active:opacity-80",
8+
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-base font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer active:opacity-80",
99
{
1010
variants: {
1111
variant: {

‎webview-ui/src/i18n/locales/ca/cloud.json‎

Lines changed: 7 additions & 5 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎webview-ui/src/i18n/locales/de/cloud.json‎

Lines changed: 7 additions & 5 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎webview-ui/src/i18n/locales/en/cloud.json‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,11 @@
66
"signIn": "Connect to Roo Code Cloud",
77
"connect": "Get started",
88
"cloudBenefitsTitle": "Try Roo Code Cloud",
9+
"cloudBenefitProvider": "Access free and paid models that work great with Roo",
10+
"cloudBenefitCloudAgents": "Give tasks to autonomous Cloud agents",
11+
"cloudBenefitTriggers": "Get code reviews on Github, start tasks from Slack and more",
912
"cloudBenefitWalkaway": "Follow and control tasks from anywhere (including your phone)",
10-
"cloudBenefitSharing": "Share tasks with others",
11-
"cloudBenefitHistory": "Access your task history from anywhere",
13+
"cloudBenefitHistory": "Access your task history from anywhere and share them with others",
1214
"cloudBenefitMetrics": "Get a holistic view of your token consumption",
1315
"visitCloudWebsite": "Visit Roo Code Cloud",
1416
"taskSync": "Task sync",

‎webview-ui/src/i18n/locales/es/cloud.json‎

Lines changed: 7 additions & 5 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎webview-ui/src/i18n/locales/fr/cloud.json‎

Lines changed: 7 additions & 5 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎webview-ui/src/i18n/locales/hi/cloud.json‎

Lines changed: 7 additions & 5 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎webview-ui/src/i18n/locales/id/cloud.json‎

Lines changed: 7 additions & 5 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)