SinkPage() — ui Function Reference

Architecture documentation for the SinkPage() function in page.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ SinkPage() — ui Function Reference

Dependency Diagram

graph TD
  6a8af99a_0736_38bc_433e_7e0343e8b6e6["SinkPage()"]
  1fb6ae46_e55f_43b3_33e5_c5a19967a631["page.tsx"]
  6a8af99a_0736_38bc_433e_7e0343e8b6e6 -->|defined in| 1fb6ae46_e55f_43b3_33e5_c5a19967a631
  style 6a8af99a_0736_38bc_433e_7e0343e8b6e6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(internal)/sink/page.tsx lines 14–35

export default function SinkPage() {
  return (
    <div className="@container grid flex-1 gap-4 p-4">
      {Object.entries(componentRegistry)
        .filter(([, component]) => {
          return component.type === "registry:ui"
        })
        .map(([key, component]) => {
          const Component = component.component
          return (
            <ComponentWrapper
              key={key}
              name={key}
              className={component.className || ""}
            >
              <Component />
            </ComponentWrapper>
          )
        })}
    </div>
  )
}