ui Architecture Docs
Home / File/ page.tsx — ui Source File

page.tsx — ui Source File

Architecture documentation for page.tsx, a tsx file in the ui codebase. 4 imports, 0 dependents.

File tsx ComponentRegistry Styles 4 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  c4d3907c_7478_f794_ee88_edb3b56051fb["page.tsx"]
  cce19b8b_ad0a_042e_a83f_b21457a79caa["headers"]
  c4d3907c_7478_f794_ee88_edb3b56051fb --> cce19b8b_ad0a_042e_a83f_b21457a79caa
  3eb36dd7_f51a_1431_02e2_7abafe315718["image"]
  c4d3907c_7478_f794_ee88_edb3b56051fb --> 3eb36dd7_f51a_1431_02e2_7abafe315718
  ff61b727_7167_3e13_1d2e_b6b0c57c674d["mail"]
  c4d3907c_7478_f794_ee88_edb3b56051fb --> ff61b727_7167_3e13_1d2e_b6b0c57c674d
  40d7e175_623a_b70e_5a2a_487436710ef0["data"]
  c4d3907c_7478_f794_ee88_edb3b56051fb --> 40d7e175_623a_b70e_5a2a_487436710ef0
  style c4d3907c_7478_f794_ee88_edb3b56051fb fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { cookies } from "next/headers"
import Image from "next/image"

import { Mail } from "@/app/(app)/examples/mail/components/mail"
import { accounts, mails } from "@/app/(app)/examples/mail/data"

export default function MailPage() {
  const layout = cookies().get("react-resizable-panels:layout:mail")
  const collapsed = cookies().get("react-resizable-panels:collapsed")

  const defaultLayout = layout ? JSON.parse(layout.value) : undefined
  const defaultCollapsed = collapsed ? JSON.parse(collapsed.value) : undefined

  return (
    <>
      <div className="md:hidden">
        <Image
          src="/examples/mail-dark.png"
          width={1280}
          height={727}
          alt="Mail"
          className="hidden dark:block"
        />
        <Image
          src="/examples/mail-light.png"
          width={1280}
          height={727}
          alt="Mail"
          className="block dark:hidden"
        />
      </div>
      <div className="hidden flex-col md:flex">
        <Mail
          accounts={accounts}
          mails={mails}
          defaultLayout={defaultLayout}
          defaultCollapsed={defaultCollapsed}
          navCollapsedSize={4}
        />
      </div>
    </>
  )
}

Domain

Subdomains

Functions

Dependencies

  • data
  • headers
  • image
  • mail

Source

Frequently Asked Questions

What does page.tsx do?
page.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, Styles subdomain.
What functions are defined in page.tsx?
page.tsx defines 1 function(s): MailPage.
What does page.tsx depend on?
page.tsx imports 4 module(s): data, headers, image, mail.
Where is page.tsx in the architecture?
page.tsx is located at deprecated/www/app/(app)/examples/mail/page.tsx (domain: ComponentRegistry, subdomain: Styles, directory: deprecated/www/app/(app)/examples/mail).

Analyze Your Own Codebase

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

Try Supermodel Free