MentionableIcon() — ui Function Reference

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

Function tsx Internationalization Dictionary

Entity Profile

Internationalization→ Dictionary→ MentionableIcon() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/app/(app)/examples/rtl/components/notion-prompt-form.tsx lines 140–155

function MentionableIcon({
  item,
}: {
  item: { type: string; title: string; image: string }
}) {
  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>
  )
}