useProject() — ui Function Reference

Architecture documentation for the useProject() function in use-project.ts from the ui codebase.

Function typescript ComponentRegistry Styles

Entity Profile

ComponentRegistry→ Styles→ useProject() — ui Function Reference

Dependency Diagram

graph TD
  c7d27da8_599b_52b6_ab5a_ba4b0ad81830["useProject()"]
  1a05ec04_02d8_c5a9_3623_834caab071eb["use-project.ts"]
  c7d27da8_599b_52b6_ab5a_ba4b0ad81830 -->|defined in| 1a05ec04_02d8_c5a9_3623_834caab071eb
  style c7d27da8_599b_52b6_ab5a_ba4b0ad81830 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/hooks/use-project.ts lines 15–49

export function useProject() {
  const [isAdded, setIsAdded] = React.useState(false)
  const [project, setProject] = useAtom(projectAtom)

  const addBlock = React.useCallback((block: string) => {
    setProject((prev) => {
      if (prev.blocks.includes(block)) {
        return prev
      }
      return { ...prev, blocks: [...prev.blocks, block] }
    })
    setIsAdded(true)

    setTimeout(() => {
      setIsAdded(false)
    }, 2000)
  }, [])

  const removeBlock = React.useCallback((block: string) => {
    setProject((prev) => ({
      ...prev,
      blocks: prev.blocks.filter((b) => b !== block),
    }))
  }, [])

  const hasBlock = React.useCallback((block: string) => {
    return project.blocks.includes(block)
  }, [])

  const resetProject = React.useCallback(() => {
    setProject({ blocks: [] })
  }, [])

  return { project, addBlock, removeBlock, resetProject, hasBlock, isAdded }
}