Function PullRegistry

src/components/code/pull-registry.tsx:60–110

({ readMore, processedSourceCode, blockExample }: PullRegistryProps)

}

export function PullRegistry({ readMore, processedSourceCode, blockExample }: PullRegistryProps) {
  const [copy, setCopy] = useState({ code: false, command: false })
  const { copy: copyToClipboard } = useClipboard()

  const handleCopy = async (key: 'code' | 'command', value: string) => {
    const didCopy = await copyToClipboard(value)
    if (!didCopy) return
    setCopy((prev) => ({ ...prev, [key]: true }))
    setTimeout(() => setCopy((prev) => ({ ...prev, [key]: false })), 2000)
  }

  return (
    <div className="relative flex items-center gap-x-0.5 sm:gap-x-3">
      <CopyButton
        label="Registry"
        className="hidden sm:inline"
        copiedLabel="Copied"
        isCopied={copy.command}
        onCopy={() => handleCopy('command', `${app.shadcn} add @intentui/${blockExample}`)}
      />
      <CopyButton
        label="Copy"
        copiedLabel="Copied"
        isCopied={copy.code}
        onCopy={() => {
          const text = processedSourceCode as string
          handleCopy('code', text)
          track('copy to clipboard', {
            text: text,
          })
        }}
      />
      {readMore && (
        <Link
          className="p-2 font-medium pressed:text-fg text-muted-fg text-sm/6 hover:text-fg"
          href={readMore}
          target="_blank"
        >
          Read more
        </Link>
      )}
      {/*<Link*/}
      {/*  className="hidden p-2 pressed:text-fg text-muted-fg text-sm/6 hover:text-fg"*/}
      {/*  href={openInV0Url(blockExample)}*/}
      {/*  target="_blank"*/}
      {/*>*/}
      {/*  Open in V0*/}
      {/*</Link>*/}
    </div>
  )
}