Home / File/ notion-prompt-form.tsx — ui Source File

notion-prompt-form.tsx — ui Source File

Architecture documentation for notion-prompt-form.tsx, a tsx file in the ui codebase. 12 imports, 1 dependents.

File tsx Internationalization Dictionary 12 imports 1 dependents 2 functions

Entity Profile

Dependency Diagram

graph LR
  61021ec3_d6bc_49a1_6c65_d1ba758528c3["notion-prompt-form.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  61021ec3_d6bc_49a1_6c65_d1ba758528c3 --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  6c14f870_5c42_4073_9c61_41148730561b["avatar"]
  61021ec3_d6bc_49a1_6c65_d1ba758528c3 --> 6c14f870_5c42_4073_9c61_41148730561b
  90b8a2cf_9327_90bb_6e4f_7132c87c77ec["badge"]
  61021ec3_d6bc_49a1_6c65_d1ba758528c3 --> 90b8a2cf_9327_90bb_6e4f_7132c87c77ec
  f6c5038d_bbaf_cacd_ba8f_a7ca6c840011["command"]
  61021ec3_d6bc_49a1_6c65_d1ba758528c3 --> f6c5038d_bbaf_cacd_ba8f_a7ca6c840011
  bad3ab01_8dbf_3560_d05f_3d66daedd204["dropdown-menu"]
  61021ec3_d6bc_49a1_6c65_d1ba758528c3 --> bad3ab01_8dbf_3560_d05f_3d66daedd204
  7e9c1e20_5a8a_4152_90a3_40c280dc340e["field"]
  61021ec3_d6bc_49a1_6c65_d1ba758528c3 --> 7e9c1e20_5a8a_4152_90a3_40c280dc340e
  5a7da2d0_5f0c_be7c_cec3_d1c492aa50f7["input-group"]
  61021ec3_d6bc_49a1_6c65_d1ba758528c3 --> 5a7da2d0_5f0c_be7c_cec3_d1c492aa50f7
  4e2008eb_827c_ac2f_bc4f_01dc295f094e["popover"]
  61021ec3_d6bc_49a1_6c65_d1ba758528c3 --> 4e2008eb_827c_ac2f_bc4f_01dc295f094e
  a8e5b01d_1afb_b925_365f_5b8855de9c3f["switch"]
  61021ec3_d6bc_49a1_6c65_d1ba758528c3 --> a8e5b01d_1afb_b925_365f_5b8855de9c3f
  6544c2c5_b5c4_9182_1e6a_d512018c1eb1["tooltip"]
  61021ec3_d6bc_49a1_6c65_d1ba758528c3 --> 6544c2c5_b5c4_9182_1e6a_d512018c1eb1
  39a0d62e_8e7d_d097_eb95_91d2bca361f7["icons-react"]
  61021ec3_d6bc_49a1_6c65_d1ba758528c3 --> 39a0d62e_8e7d_d097_eb95_91d2bca361f7
  2c1404ab_bf28_6225_f9a0_b9e29400c66c["language-selector"]
  61021ec3_d6bc_49a1_6c65_d1ba758528c3 --> 2c1404ab_bf28_6225_f9a0_b9e29400c66c
  a20493d4_39f4_bced_97b9_027078a02a91["index.tsx"]
  a20493d4_39f4_bced_97b9_027078a02a91 --> 61021ec3_d6bc_49a1_6c65_d1ba758528c3
  style 61021ec3_d6bc_49a1_6c65_d1ba758528c3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import { useMemo, useState } from "react"
import {
  Avatar,
  AvatarFallback,
  AvatarImage,
} from "@/examples/base/ui-rtl/avatar"
import { Badge } from "@/examples/base/ui-rtl/badge"
import {
  Command,
  CommandEmpty,
  CommandGroup,
  CommandInput,
  CommandItem,
  CommandList,
} from "@/examples/base/ui-rtl/command"
import {
  DropdownMenu,
  DropdownMenuCheckboxItem,
  DropdownMenuContent,
  DropdownMenuGroup,
  DropdownMenuItem,
  DropdownMenuLabel,
  DropdownMenuSeparator,
  DropdownMenuSub,
  DropdownMenuSubContent,
  DropdownMenuSubTrigger,
  DropdownMenuTrigger,
} from "@/examples/base/ui-rtl/dropdown-menu"
import { Field, FieldLabel } from "@/examples/base/ui-rtl/field"
import {
  InputGroup,
  InputGroupAddon,
  InputGroupButton,
  InputGroupTextarea,
} from "@/examples/base/ui-rtl/input-group"
import { Popover, PopoverContent } from "@/examples/base/ui-rtl/popover"
import { Switch } from "@/examples/base/ui-rtl/switch"
import {
  Tooltip,
  TooltipContent,
  TooltipTrigger,
} from "@/examples/base/ui-rtl/tooltip"
import {
  IconApps,
  IconArrowUp,
  IconAt,
  IconBook,
  IconCircleDashedPlus,
  IconPaperclip,
  IconPlus,
  IconWorld,
  IconX,
} from "@tabler/icons-react"

import { useLanguageContext } from "@/components/language-selector"

const translations = {
  ar: {
// ... (457 more lines)

Subdomains

Dependencies

  • avatar
  • badge
  • command
  • dropdown-menu
  • field
  • icons-react
  • input-group
  • language-selector
  • popover
  • react
  • switch
  • tooltip

Frequently Asked Questions

What does notion-prompt-form.tsx do?
notion-prompt-form.tsx is a source file in the ui codebase, written in tsx. It belongs to the Internationalization domain, Dictionary subdomain.
What functions are defined in notion-prompt-form.tsx?
notion-prompt-form.tsx defines 2 function(s): MentionableIcon, NotionPromptForm.
What does notion-prompt-form.tsx depend on?
notion-prompt-form.tsx imports 12 module(s): avatar, badge, command, dropdown-menu, field, icons-react, input-group, language-selector, and 4 more.
What files import notion-prompt-form.tsx?
notion-prompt-form.tsx is imported by 1 file(s): index.tsx.
Where is notion-prompt-form.tsx in the architecture?
notion-prompt-form.tsx is located at apps/v4/app/(app)/examples/rtl/components/notion-prompt-form.tsx (domain: Internationalization, subdomain: Dictionary, directory: apps/v4/app/(app)/examples/rtl/components).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free