Function ProjectIcon

src/renderer/components/ui/project-icon.tsx:17–38

({ project, className }: ProjectIconProps)

}

export function ProjectIcon({ project, className }: ProjectIconProps) {
  const { src, hasError } = useProjectIcon(project)
  const [imgError, setImgError] = useState(false)
  const handleError = useCallback(() => setImgError(true), [])

  if (!project || hasError || !src || imgError) {
    return (
      <FolderOpen
        className={cn("text-muted-foreground flex-shrink-0", className)}
      />
    )
  }

  return (
    <img
      src={src}
      alt=""
      className={cn("rounded-sm flex-shrink-0 object-cover", className)}
      onError={handleError}
    />
  )
}