MentionableIcon() — ui Function Reference

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

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ MentionableIcon() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/app/(app)/(root)/components/notion-prompt-form.tsx lines 142–157

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>
  )
}