page.tsx — ui Source File

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

File tsx DocumentationAtlas Changelog 4 imports 1 functions

Entity Profile

DocumentationAtlas→ Changelog→ page.tsx — ui Source File

Dependency Diagram

graph LR
  dc131368_a7e1_3d03_4cf8_8cecdf0bee4e["page.tsx"]
  ba3d44f3_7b34_f9cc_6283_44817785c0df["link"]
  dc131368_a7e1_3d03_4cf8_8cecdf0bee4e --> ba3d44f3_7b34_f9cc_6283_44817785c0df
  674c271b_4f42_1739_f1f5_3d3fcc5d6d05["block-display"]
  dc131368_a7e1_3d03_4cf8_8cecdf0bee4e --> 674c271b_4f42_1739_f1f5_3d3fcc5d6d05
  b5745d66_2f51_7fb8_758d_e409c7f36c09["_legacy-styles"]
  dc131368_a7e1_3d03_4cf8_8cecdf0bee4e --> b5745d66_2f51_7fb8_758d_e409c7f36c09
  57e86e45_ac6e_7278_be08_9092724e8401["button"]
  dc131368_a7e1_3d03_4cf8_8cecdf0bee4e --> 57e86e45_ac6e_7278_be08_9092724e8401
  style dc131368_a7e1_3d03_4cf8_8cecdf0bee4e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import Link from "next/link"

import { BlockDisplay } from "@/components/block-display"
import { getActiveStyle } from "@/registry/_legacy-styles"
import { Button } from "@/registry/new-york-v4/ui/button"

export const dynamic = "force-static"
export const revalidate = false

const FEATURED_BLOCKS = [
  "dashboard-01",
  "sidebar-07",
  "sidebar-03",
  "login-03",
  "login-04",
]

export default async function BlocksPage() {
  const activeStyle = await getActiveStyle()

  return (
    <div className="flex flex-col gap-12 md:gap-24">
      {FEATURED_BLOCKS.map((name) => (
        <BlockDisplay name={name} key={name} styleName={activeStyle.name} />
      ))}
      <div className="container-wrapper">
        <div className="container flex justify-center py-6">
          <Button asChild variant="outline">
            <Link href="/blocks/sidebar">Browse more blocks</Link>
          </Button>
        </div>
      </div>
    </div>
  )
}