Simplify npx record command by moving @latest to the clipboard

replayio · Apr 28, 2024 · e6c730b · e6c730b
1 parent 937c5e3
commit e6c730b
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/src/app/components/hero/index.tsx b/src/app/components/hero/index.tsx
@@ -36,6 +36,7 @@ export function Hero({ hero }: LandingPageFragment) {
                     label={hero.installationLink.label || ''}
                     _id={hero.installationLink._id}
                     variant={hero.installationLink.variant || ''}
+                    clipboard={hero.installationLink.clipboard}
                     className="w-full"
                   />
                   <Link

diff --git a/src/components/Button.tsx b/src/components/Button.tsx
@@ -132,19 +132,21 @@ export function Button({
 type ClipboardButtonProps = ButtonProps & {
   label: string | null
   _id: string | null
+  clipboard: string | null
 }
 
 export function ClipboardButton({
   label,
   color = 'default',
   variant = 'solid',
+  clipboard,
   ...rest
 }: ClipboardButtonProps) {
   const [isCopied, setIsCopied] = useState(false)
 
   const handleCopy = () => {
-    if (label !== null) {
-      navigator.clipboard.writeText(label)
+    if (clipboard !== null) {
+      navigator.clipboard.writeText(clipboard)
       setIsCopied(true)
       setTimeout(() => setIsCopied(false), 2400)
     }

diff --git a/src/lib/basehub-queries.ts b/src/lib/basehub-queries.ts
@@ -11,7 +11,10 @@ export const linkFragment = fragmentOn('LinkComponent', {
 export const landingPageFragment = fragmentOn('LandingPage', {
   hero: {
     getStartedLink: linkFragment,
-    installationLink: linkFragment,
+    installationLink: {
+      ...linkFragment,
+      clipboard: true
+    },
     contactUsLink: linkFragment,
     logosTitle: true,
     heroVariants: {