ProjectAddButton() — ui Function Reference

Architecture documentation for the ProjectAddButton() function in project-add-button.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ ProjectAddButton() — ui Function Reference

Dependency Diagram

graph TD
  b631c109_277a_889b_6c79_2b3bf9a03545["ProjectAddButton()"]
  2c17c134_3443_ef6a_e132_38ab3ec6ab51["project-add-button.tsx"]
  b631c109_277a_889b_6c79_2b3bf9a03545 -->|defined in| 2c17c134_3443_ef6a_e132_38ab3ec6ab51
  style b631c109_277a_889b_6c79_2b3bf9a03545 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/components/project-add-button.tsx lines 14–38

export function ProjectAddButton({
  name,
  className,
  ...props
}: React.ComponentProps<typeof Button> & { name: string }) {
  const { addBlock, isAdded } = useProject()
  return (
    <Tooltip>
      <TooltipTrigger asChild>
        <Button
          variant="ghost"
          size="sm"
          className={cn("rounded-sm", className)}
          onClick={() => {
            addBlock(name)
          }}
          {...props}
        >
          {isAdded ? <Check /> : <PlusCircle />}
        </Button>
      </TooltipTrigger>
      <TooltipContent sideOffset={10}>Add to Project</TooltipContent>
    </Tooltip>
  )
}