useColors() — ui Function Reference

Architecture documentation for the useColors() function in use-colors.ts from the ui codebase.

Function typescript DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ useColors() — ui Function Reference

Dependency Diagram

graph TD
  3a057f8f_09d8_badc_8be9_985949dd4c78["useColors()"]
  64ac49ae_e8db_e100_b63f_28db1f72ecf8["use-colors.ts"]
  3a057f8f_09d8_badc_8be9_985949dd4c78 -->|defined in| 64ac49ae_e8db_e100_b63f_28db1f72ecf8
  style 3a057f8f_09d8_badc_8be9_985949dd4c78 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/hooks/use-colors.ts lines 17–28

export function useColors() {
  const [colors, setColors] = useAtom(colorsAtom)
  const mounted = useMounted()

  return {
    isLoading: !mounted,
    format: colors.format,
    lastCopied: colors.lastCopied,
    setFormat: (format: ColorFormat) => setColors({ ...colors, format }),
    setLastCopied: (lastCopied: string) => setColors({ ...colors, lastCopied }),
  }
}