MentionableIcon() — ui Function Reference

Architecture documentation for the MentionableIcon() function in notion-prompt-form.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ MentionableIcon() — ui Function Reference

Dependency Diagram

graph TD
  636caf4e_9b05_ceac_50f8_d391b85f2b9d["MentionableIcon()"]
  6c8d8217_fb36_5aa1_e598_8ea3a33a21bf["notion-prompt-form.tsx"]
  636caf4e_9b05_ceac_50f8_d391b85f2b9d -->|defined in| 6c8d8217_fb36_5aa1_e598_8ea3a33a21bf
  style 636caf4e_9b05_ceac_50f8_d391b85f2b9d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(internal)/sink/(pages)/forms/notion-prompt-form.tsx lines 154–169

function MentionableIcon({
  item,
}: {
  item: (typeof SAMPLE_DATA.mentionable)[0]
}) {
  return item.type === "page" ? (
    <span className="flex size-4 items-center justify-center">
      {item.image}
    </span>
  ) : (
    <Avatar className="size-4">
      <AvatarImage src={item.image} />
      <AvatarFallback>{item.title[0]}</AvatarFallback>
    </Avatar>
  )
}