ui Architecture Docs
Home / File/ mail-display.tsx — ui Source File

mail-display.tsx — ui Source File

Architecture documentation for mail-display.tsx, a tsx file in the ui codebase. 17 imports, 0 dependents.

File tsx ComponentRegistry UIPrimitives 17 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  1f0e717b_ddbd_7707_67ab_517f3876b7ed["mail-display.tsx"]
  b95f0f9e_547e_9081_5b73_012775fcacfb["addDays"]
  1f0e717b_ddbd_7707_67ab_517f3876b7ed --> b95f0f9e_547e_9081_5b73_012775fcacfb
  ca74c421_c41c_3a53_abdb_645ba8095db1["addHours"]
  1f0e717b_ddbd_7707_67ab_517f3876b7ed --> ca74c421_c41c_3a53_abdb_645ba8095db1
  735f63a1_7952_fc22_326d_d96278b8f07d["format"]
  1f0e717b_ddbd_7707_67ab_517f3876b7ed --> 735f63a1_7952_fc22_326d_d96278b8f07d
  bb9a3624_0146_a416_619f_e9c2f33f95b8["nextSaturday"]
  1f0e717b_ddbd_7707_67ab_517f3876b7ed --> bb9a3624_0146_a416_619f_e9c2f33f95b8
  d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"]
  1f0e717b_ddbd_7707_67ab_517f3876b7ed --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3
  f16f43cb_04fd_5f33_2140_7eafce119350["dropdown-menu"]
  1f0e717b_ddbd_7707_67ab_517f3876b7ed --> f16f43cb_04fd_5f33_2140_7eafce119350
  9a088841_0fc9_5075_043e_b2a2a1f69fe2["avatar"]
  1f0e717b_ddbd_7707_67ab_517f3876b7ed --> 9a088841_0fc9_5075_043e_b2a2a1f69fe2
  aa2f3ec6_f291_3763_88ec_65a3f5ad5939["button"]
  1f0e717b_ddbd_7707_67ab_517f3876b7ed --> aa2f3ec6_f291_3763_88ec_65a3f5ad5939
  5000e233_363d_e409_8b5c_7e80d38646fe["calendar"]
  1f0e717b_ddbd_7707_67ab_517f3876b7ed --> 5000e233_363d_e409_8b5c_7e80d38646fe
  194a9418_8170_2169_6f94_b2f555b74f26["dropdown-menu"]
  1f0e717b_ddbd_7707_67ab_517f3876b7ed --> 194a9418_8170_2169_6f94_b2f555b74f26
  fa665cdb_5f79_b81a_95ab_12ba182fc175["label"]
  1f0e717b_ddbd_7707_67ab_517f3876b7ed --> fa665cdb_5f79_b81a_95ab_12ba182fc175
  e33b0d79_0534_28ec_a112_ac16ee736e09["popover"]
  1f0e717b_ddbd_7707_67ab_517f3876b7ed --> e33b0d79_0534_28ec_a112_ac16ee736e09
  0ef877d6_b768_4222_bd20_50d875ac5e58["separator"]
  1f0e717b_ddbd_7707_67ab_517f3876b7ed --> 0ef877d6_b768_4222_bd20_50d875ac5e58
  792bdb4b_081b_acca_8721_dff659e00c59["switch"]
  1f0e717b_ddbd_7707_67ab_517f3876b7ed --> 792bdb4b_081b_acca_8721_dff659e00c59
  style 1f0e717b_ddbd_7707_67ab_517f3876b7ed fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import addDays from "date-fns/addDays"
import addHours from "date-fns/addHours"
import format from "date-fns/format"
import nextSaturday from "date-fns/nextSaturday"
import {
  Archive,
  ArchiveX,
  Clock,
  Forward,
  MoreVertical,
  Reply,
  ReplyAll,
  Trash2,
} from "lucide-react"

import {
  DropdownMenuContent,
  DropdownMenuItem,
} from "@/registry/default/ui/dropdown-menu"
import {
  Avatar,
  AvatarFallback,
  AvatarImage,
} from "@/registry/new-york/ui/avatar"
import { Button } from "@/registry/new-york/ui/button"
import { Calendar } from "@/registry/new-york/ui/calendar"
import {
  DropdownMenu,
  DropdownMenuTrigger,
} from "@/registry/new-york/ui/dropdown-menu"
import { Label } from "@/registry/new-york/ui/label"
import {
  Popover,
  PopoverContent,
  PopoverTrigger,
} from "@/registry/new-york/ui/popover"
import { Separator } from "@/registry/new-york/ui/separator"
import { Switch } from "@/registry/new-york/ui/switch"
import { Textarea } from "@/registry/new-york/ui/textarea"
import {
  Tooltip,
  TooltipContent,
  TooltipTrigger,
} from "@/registry/new-york/ui/tooltip"
import { Mail } from "@/app/(app)/examples/mail/data"

interface MailDisplayProps {
  mail: Mail | null
}

export function MailDisplay({ mail }: MailDisplayProps) {
  const today = new Date()

  return (
    <div className="flex h-full flex-col">
      <div className="flex items-center p-2">
        <div className="flex items-center gap-2">
          <Tooltip>
            <TooltipTrigger asChild>
              <Button variant="ghost" size="icon" disabled={!mail}>
// ... (199 more lines)

Domain

Subdomains

Functions

Types

Dependencies

  • addDays
  • addHours
  • avatar
  • button
  • calendar
  • data
  • dropdown-menu
  • dropdown-menu
  • format
  • label
  • lucide-react
  • nextSaturday
  • popover
  • separator
  • switch
  • textarea
  • tooltip

Source

Frequently Asked Questions

What does mail-display.tsx do?
mail-display.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, UIPrimitives subdomain.
What functions are defined in mail-display.tsx?
mail-display.tsx defines 1 function(s): MailDisplay.
What does mail-display.tsx depend on?
mail-display.tsx imports 17 module(s): addDays, addHours, avatar, button, calendar, data, dropdown-menu, dropdown-menu, and 9 more.
Where is mail-display.tsx in the architecture?
mail-display.tsx is located at deprecated/www/app/(app)/examples/mail/components/mail-display.tsx (domain: ComponentRegistry, subdomain: UIPrimitives, directory: deprecated/www/app/(app)/examples/mail/components).

Analyze Your Own Codebase

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

Try Supermodel Free