scriptoriumadmin/Roo-Code
1
0
Fork 0
mirror of https://github.com/RooVetGit/Roo-Code.git synced 2026-08-28 05:27:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix(web): satisfy lint for unused catch var in CLI copy CTA

Browse source
This commit is contained in:
Roo Code 2025-09-30 09:48:24 +00:00
parent 702b269a1b
commit df52350031
1 changed files with 43 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
apps/web-roo-code/src/components/homepage/install-section.tsx
View file

@ -3,12 +3,38 @@
import { VscVscode } from "react-icons/vsc"
import Link from "next/link"
import { motion } from "framer-motion"
import { Copy, Check } from "lucide-react"
import { useState } from "react"
interface InstallSectionProps {
downloads: string | null
}
export function InstallSection({ downloads }: InstallSectionProps) {
const [copied, setCopied] = useState(false)
const installCmd = "code --install-extension RooVeterinaryInc.roo-cline"
const handleCopy = async () => {
try {
await navigator.clipboard.writeText(installCmd)
setCopied(true)
setTimeout(() => setCopied(false), 1000)
} catch (_e) {
// Fallback for environments without Clipboard API support
const textarea = document.createElement("textarea")
textarea.value = installCmd
document.body.appendChild(textarea)
textarea.select()
try {
document.execCommand("copy")
setCopied(true)
setTimeout(() => setCopied(false), 1000)
} finally {
document.body.removeChild(textarea)
}
}
}
const backgroundVariants = {
hidden: {
opacity: 0,
@ -84,12 +110,27 @@ export function InstallSection({ downloads }: InstallSectionProps) {
<div className="absolute -inset-px rounded-xl bg-gradient-to-r from-blue-500/50 via-cyan-500/50 to-purple-500/50 opacity-30 blur-sm transition-all duration-500 group-hover:opacity-60 dark:opacity-40 dark:group-hover:opacity-70" />
<div className="relative overflow-hidden rounded-xl border border-border bg-background/80 shadow-lg backdrop-blur-xl transition-all duration-500 ease-out group-hover:border-blue-500/50 group-hover:shadow-xl group-hover:shadow-blue-500/10 dark:border-border/50 dark:bg-background/60 dark:group-hover:border-blue-400/50">
<div className="border-b border-border/50 bg-muted/30 px-4 py-3 dark:bg-muted/20">
<div className="text-sm font-medium text-foreground">or via CLI</div>
<div className="flex items-center justify-between">
<div className="text-sm font-medium text-foreground">or via CLI</div>
<button
type="button"
onClick={handleCopy}
className="inline-flex items-center gap-2 rounded-md px-2 py-1 text-xs font-medium text-foreground/80 hover:text-foreground hover:bg-foreground/5 transition-colors"
aria-label={copied ? "Copied" : "Copy install command to clipboard"}
title={copied ? "Copied!" : "Copy"}>
{copied ? (
<Check className="h-4 w-4 text-green-500" />
) : (
<Copy className="h-4 w-4" />
)}
<span className="sr-only">{copied ? "Copied" : "Copy"}</span>
</button>
</div>
</div>
<div className="overflow-x-auto bg-background/50 dark:bg-background/30">
<pre className="p-4">
<code className="whitespace-pre-wrap break-all text-sm font-mono text-foreground sm:break-normal sm:text-base">
code --install-extension RooVeterinaryInc.roo-cline
{installCmd}
</code>
</pre>
</div>